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的问题

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