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

golang学习网今天将给大家带来《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 生产环境不渲染组件？可能是地址配置错误！》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！