vue項目運行時遇到的疑難雜癥

一、npm 跑服務(wù)的時候遇到Cannot read property ‘upgrade’ of undefined錯誤

主要是因為在vue.config.js中使用了跨域代理,將代理的名稱修改正確,或者暫時注釋就可解決啦~


image.png

二、vue 路由刷新出現(xiàn) Uncaught SyntaxError: Unexpected token ‘<‘

修改下publicPath這個路徑就可以了


image.png

三、vue打包后路徑顯示錯誤不顯示頁面

1.設(shè)置為hash路由,將publicPath的值改為'./'

優(yōu)點:無需配置Nginx,打包即可訪問
缺點:

  • 不能使用/:id類似這樣的路由,參數(shù)接收只能跟問號
  • 將publicPath的值改為'./'這樣后,路由無法嵌套第三層去
  • 不美觀

2.需要配置Nginx,如下:

  • 若在非站點下路徑,需要將層級文件夾名一層層寫出來
    例如:項目放在/cdm_test/app_web/vue/的文件夾下,那么應(yīng)該寫成
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
})
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容