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的問題

箭頭處加了一個"."，變成"./"，所以資源加載出錯了。解決辦法就是將"."去掉，還原