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
})