Vue-router 生产环境不渲染组件？可能是地址配置错误！

疑难解答：vue-router 组件在生产环境下不渲染

如果你遇到了 vue-router 在生产环境下不渲染组件的情况，同时在本地环境下渲染正常，那么可以考虑以下可能的原因：

• 检查你的生产环境配置：确保静态路径配置正确，资源加载、vue 初始化和 app.vue 初始化正常。
• 尝试不同的路由模式：如果使用 history 模式不起作用，请尝试使用 hash 模式，看是否可以正常渲染。

如果上述方法都没有解决问题，那么以下疑难解答可能对你有帮助：

罪魁祸首：错误的地址配置

发现问题所在：原本的线上地址配置为：ip:port/baseurl/#/login

这个地址中，ip:port/baseurl 是不被识别的地址，因为 ip:port 已被部署过。

解决方案：使用 new router({ base }) 添加地址基础，就像这样：

new Router({
  base: '/BASEURL' // 添加地址基础
})

这是一个低级的错误，但希望可以借此作为教训。下次遇到此类问题时，可以参考此疑难解答。

以上就是Vue-router 生产环境不渲染组件？可能是地址配置错误！的详细内容，更多请关注硕下网其它相关文章！