javascript - Fetch as Google 不呈现 Angular.js 应用程序-6ren

javascript - Fetch as Google 不呈现 Angular.js 应用程序

转载作者：塔克拉玛干更新时间：2023-11-03 02:27:43

28

4

我有一个要在生产环境中设置的 Angular 应用程序。正如我所读到的，谷歌现在能够通过 AJAX 页面进行抓取。我正在检查我将如何使用 Fetch as Google 服务。虽然主页在所有主流浏览器中都正确呈现，但 Fetch as Google 返回空白页面，没有编译任何 Angular 指令，也没有错误。我正在使用 HTML5 模式和 ui-router。文件由 node.js 应用服务器提供(我曾尝试从 nginx 提供文件，结果是一样的)并且 robots.txt 允许所有文件。脚本被连接和缩小。控制台中没有错误。

Fetch as Google 服务返回的代码: !doctype html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <base href="/">
  <title ng-bind="$state2.current.data.pageTitle || 'xxx'"></title>
  <meta name="description" content="{{$state2.current.data.description}}">
  <meta name="keywords" content="{{$state2.current.data.keywords}}">
  <meta name="viewport" content="width=device-width">
  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  <link rel="stylesheet" href="app/b91daaea.vendor.css">
  <link rel="stylesheet" href="bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css" />
  <link rel="stylesheet" href="app/dbc6e533.app.css">
</head>

<body iact-set-body="{{$state2.current.name}}" ng-cloak ng-controller="IndexCtrl as Index" ng-class="{'register-page' : $state2.current.name === 'register.one'}">
  <iact-progress-bar ng-if="$state2.current.name === 'main.post'" class="progress-bar progress-bar--page"></iact-progress-bar>
  <div class="alert-block" alert-box></div>


  <loader ng-show="showLoader"></loader>
  <div class="ui-view-container">
    <div ng-cloak ui-view></div>
    <div ng-cloak ui-view="layer" class="ui-view-layer"></div>
  </div>


  <!--[if lt IE 7]>
    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
        your browser</a> to improve your experience.</p>
  <![endif]-->
  <!--[if lt IE 9]>
    <script src="bower_components/es5-shim/es5-shim.js"></script>
    <script src="bower_components/json3/lib/json3.min.js"></script>
  <![endif]-->
  <script src="https://cdn.socket.io/socket.io-1.3.7.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB5s1GO-SwKumRL-es-SHnGYwom55LpJyM&libraries=places"></script>
  <script src="app/9b5d1095.vendor.js"></script>
  <script src="app/b49bc91c.app.js"></script>
</body>

</html>

是不是哪里做错了，还是我应该为爬虫预渲染？

最佳答案

React 应用程序的相同问题在另一个方面进行了讨论，基本上您可能想使用 polyfill 并在 IE11/Chrome v41 中进行一些调试，以查看哪些 API 在 Google 爬虫渲染引擎下可能会被破坏

reactjs - fetch as google displays blank page only

关于javascript - Fetch as Google 不呈现 Angular.js 应用程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34955967/

28

4

0

文章推荐： algorithm - 寻找树的中心

文章推荐： flash - 谷歌是反Flash的吗？

文章推荐： algorithm - 返回文本之间亲和性的函数？

文章推荐： url - Bingbot 将 unicode 字符转换为不可理解的符号

javascript - 为什么 fetch 会返回 "TypeError: Failed to fetch"而不仅仅是 "Failed to fetch"？
我正在运行此代码并在没有互联网连接的情况下进行测试: fetch(url, options) .then(res => { // irrelevant, as catch happens
javascript - fetch 事件处理程序中的 fetch() 不会触发 service worker 中的 fetch 事件？
function fetchHandler(evt) { console.log('request:' + evt.request.url); dealWithRequest(evt)
sql - Order By [...] OFFSET [..] FETCH [...] 子句中的 fetch Next 和 fetch First 有什么区别？
我在 AdventureWorks2016 上执行了两个示例查询，并得到了相同的结果。那么什么时候应该使用 NEXT 或 FIRST 关键字？ select LastName + ' ' + Firs
sql - 我需要使用 join fetch，但它会导致 "query specified join fetching, but the owner of the fetched association was not present in the select list"
我有以下查询: @Query("SELECT new de.projectemployee.ProjectEmployee(employee) " + "FROM ProjectEmpl
express - fetch:从 fetch 响应中获取 cookie
我正在尝试使用 fetch on react 来实现客户端登录。我正在使用护照进行身份验证。我使用的原因 fetch而不是常规 form.submit() , 是因为我希望能够从我的快速服务器接收错
javascript - Aurelia-Fetch 是否依赖于 Whatwg-fetch？
我正在尝试将我的 Aurelia 项目从 beta 版本升级到 3 月版本。我遇到的错误之一是: Cannot find name 'Request'. 谷歌搜索会在 GitHub 上显示此问题:h
javascript - fetch() 和 window.fetch() 有什么区别？
见标题。在我们的react项目中调用fetch时，一位(现已离职)开发人员最初使用from fetch to window.fetch。我不确定两者之间的区别，也无法在网上找到任何结论(W3Schoo
javascript - 为什么 Fetch API fetch() 总是抛出异常？
这个问题在这里已经有了答案: HTTP status code 401 even though I’m sending credentials in the request (1 个回答) How
node.js - fetch-mock 不会模拟我的 fetch
这是代码片段: var fetch = require("node-fetch"); var fetchMock = require("fetch-mock"); function setupMock
javascript - isomorphic-fetch 和 fetch 有什么区别？
我在这里看到了两种不同的抓取方式: https://github.com/github/fetch https://github.com/matthew-andrews/isomorphic-fetc
Git fetch origin 与 git fetch --all
以下git命令有什么区别？ git fetch origin 和 git fetch --all 从命令行运行它们看起来就像它们做同样的事情。最佳答案 git fetch origin 仅从 ori
reactjs - Continuously Fetch API 对于新数据 React Fetch
我有一个不断改变值的动态 json。我想用该数据绘制图表所以我将动态数据存储到数组然后用该数组绘制图表。目前我创建了 serinterval 用于从 api 获取新数据。但问题是如果新数据没有，它会再
fetch - 可以使链接 rel=preload 与 fetch 一起使用吗？
我有一个很大的 JSON blob，我想预先加载我的网页。为此，我添加了到我的页面。我也有一个 JS 请求来获取相同的 blob。这不起作用，控制台报告: [Warning] The resour
javascript - Fetch 抛出 "TypeError: Failed to fetch"成功的同源请求
我们在单页 JavaScript 应用程序发出 fetch 请求时遇到不一致的客户端错误。值得注意的是，它们都是同源请求。 let request = new Request(url, options
reactjs - React-fetch 和 Whatwg-fetch 有什么区别
我是 ReactJS 的新手，我一直在阅读如何从 api 获取和发布数据。我见过这两个，但我不知道该用什么以及两者之间有什么区别？我读了它，但我不确定我会用什么。谢谢! react-fetch wha
orm - fetch ="EAGER"和 fetch ="LAZY"在学说上有什么区别
Doctrine中注解@ManyToOne中的fetch="EAGER"和fetch="LAZY"有什么区别？ /** * @ManyToOne(targetEntity="Cart", casca
javascript - 在 javascript 中使用另一个 fetch 中的 fetch
我想要获取一个 api，然后调用另一个 api。在 javascript 中使用这样的代码是否明智？ fetch(url, { method: 'get', }).then(function(re
javascript - 如何在 fetch 中检索对象属性数组，然后将其传递给第二个 fetch 调用？
我有一个组件，它依赖于 2 个端点来检索所需程序的名称。我有 2 个端点。第一个端点返回程序列表，它是一个对象数组。目前，它仅返回 4 个节目(2 个节目 ID 为“13”，另外两个节目 ID 为“1
c - 错误: Define not done before fetch or execute and fetch
我的应用程序从外部源(配置文件)接收查询，因此它必须从查询结果中获取列。我有一些代码: typedef union _DbField { text text[512]; sword i
ios - 核心数据 :Fetch rlelationships or Fetch Main Entity
我有一个实体A，它与实体B有对多关系。 Entity A -->> Entity B 我需要在多个屏幕上引用一对多关系的计数。此外，我可以多次从 Entity A

首页

博学

6Ren·AI

商城

javascript - Fetch as Google 不呈现 Angular.js 应用程序