vue项目出现 cannot GET/ 的问题总结

1.没有报错,页面显示cannot GET,经过排查发现config/index.js里的dev做了改动。他想实现pc和移动端跳转,所以修改assetsPublicPath: '/m/'。在移动端访问直接走'/m/#'。直接npm run dev 跑不起来,需要改成assetsPublicPath: '/' 就好了。

2.报错node出现 Error: listen EACCES 0.0.0.0:1399错误,排查发现,同事修改的端口号,在我电脑上被占用了,config/index.js里的dev修改port。

其它可能出现 cannot get 的原因:

1.跟node的版本还有npm版本相关,所以要把node升级较高版本,vue-cli要基于3.0以上的版本支持

2.创建项目的时候用了ESLint语法检测,所以一点语法规范都会造成找不到页面,并且这些错误是在控制台是可以找到的

3.webpack.base.conf.js中的 publicPath配置问题

 output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },

 4、assetsPublicPath的问题

箭头处加了一个".",变成"./",所以资源加载出错了。解决办法就是将"."去掉,还原

猜你喜欢

转载自blog.csdn.net/u010499087/article/details/102564972
今日推荐