Html 如何获得搜索引擎索引的单页应用程序(Vue.js)

Html 如何获得搜索引擎索引的单页应用程序(Vue.js),html,search,webpack,seo,vue.js,Html,Search,Webpack,Seo,Vue.js,我正在使用Vue.js和Webpack构建一个单页应用程序,用于捆绑客户端(HTML、js,都在一个文件中) 谷歌等搜索引擎似乎在索引内容时遇到了问题,因为它只通过捆绑文件呈现,而html文件中不存在(附例) 我的问题是——如何让谷歌为我的应用程序内容编制索引 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>

我正在使用Vue.js和Webpack构建一个单页应用程序,用于捆绑客户端(HTML、js,都在一个文件中)

谷歌等搜索引擎似乎在索引内容时遇到了问题,因为它只通过捆绑文件呈现,而html文件中不存在(附例)

我的问题是——如何让谷歌为我的应用程序内容编制索引

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>My App</title>
        <link rel="stylesheet" type="text/css" href="dist/main.css">
    </head>
    <body>
        <div id="app"></div>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.min.js"></script>
        <script src="dist/build.js?1500"></script>
    </body>
</html>

我的应用程序

我的主要问题是关于build.js中的静态文本,Google没有索引。在我解决它之后,我将检查ajax响应发生了什么。感谢您的帮助仅供参考,2016年11月有一篇关于谷歌站长的博客文章,可能会提供有价值的见解。