vue项目运行时遇到的疑难杂症

一、npm 跑服务的时候遇到Cannot read property ‘upgrade’ of undefined错误

主要是因为在vue.config.js中使用了跨域代理，将代理的名称修改正确，或者暂时注释就可解决啦~


image.png

二、vue 路由刷新出现 Uncaught SyntaxError: Unexpected token ‘＜‘

修改下publicPath这个路径就可以了


image.png

三、vue打包后路径显示错误不显示页面

1.设置为hash路由，将publicPath的值改为'./'

优点：无需配置Nginx，打包即可访问
缺点：

  • 不能使用/:id类似这样的路由，参数接收只能跟问号
  • 将publicPath的值改为'./'这样后，路由无法嵌套第三层去
  • 不美观

2.需要配置Nginx，如下：

  • 若在非站点下路径，需要将层级文件夹名一层层写出来
    例如：项目放在/cdm_test/app_web/vue/的文件夹下，那么应该写成
location /cdm_test/app_web/vue/
{
    index index.html;
    try_files $uri $uri/ /cdm_test/app_web/vue/index.html;
}
  • 前端需要配置
const router = new VueRouter({
  mode: 'history',
  base: process.env.VUE_APP_BASE_URL ( 这个指代过去就是这个路径啦'/cdm_test/app_web/vue' ) ,
  routes
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容