【问题标题】:VueJS 2.0 my web app doesn't show up its source in chrome View Page SourceVueJS 2.0 我的网络应用程序没有在 chrome 查看页面源代码中显示其源代码
【发布时间】:2018-01-03 13:44:41
【问题描述】:

当我的 webapp 被加载时,我无法看到所有组件的渲染 HTML,这是一些 webpack sourcemap 功能吗?当我开始这个项目时,我使用了来自 vue-cli 的 webpack 简单初始化程序。

问题是 ut 只渲染这个节点,我想查看我所有页面的所有渲染 HTML:

<div id="app"></div>

有什么方法可以实现吗?如果需要更多详细信息,请告诉我。

【问题讨论】:

    标签: webpack vue.js vuejs2


    【解决方案1】:

    您可以尝试使用 chrome 浏览器的 vue 开发工具扩展:

    https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en

    【讨论】:

    • 您好,感谢您的回答,实际上我可以通过 Chrome 开发工具进行调试。我的观点是我的 webapp 必须遵循 SEO 模式,为此我需要在 View Page Source 上公开我的所有 HTML。
    • 所以也许这可以得到你的工具:nuxtjs.org/guide 它用于预渲染你的网站/应用程序。
    • 是的,我知道,不幸的是我使用的框架与 nuxt 不兼容,我正在尝试其他替代方案,例如 PreRenderSeo 和 Webpack。
    • 我也有兴趣以应用程序的方式创建一个与 SEO 兼容的网站。我假设 vue 应该运行在你的 CMS 之上并通过 ajax 获取数据。所以预渲染可以像你以前那样进行。
    • 是的,实际上有一个名为 spa-prerender-plugin 的 npm 插件允许你创建它,我做了一个 POC 来测试它github.com/felipekm/vuejs-pre-render
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-02-24
    • 2013-09-17
    • 1970-01-01
    • 2013-12-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多