原文:vue 打包后訪問接口報錯404 解決方案 (前提是在vue里使用了代理)

先上圖展示下自己vue里面針對跨域設置的代理截圖,記住紅框里面的代碼,待會要用。一般設置代理都是為了防止在測試調用接口的時候出現跨域的情況,但是設置代理后直接npm run start並沒有問題,訪問接口也正常,但是當打包執行npm run build 之后,console控制台會出現下圖 的情況 如果build后的dist文件是放在nginx上的,可用以下方式解決 ,記得上圖紅框里面的代碼嗎, ...

2019-11-19 09:30 1 2210 推薦指數:

查看詳情

vue打包接口請求404的完美解決方案

在開發環境中,和后台對接為了解決跨域問題,使用了代理,也就是vue的proxyTable,但是打包放到生產環境中去時,接口請求不到,404,原因是開發環境的代理並不能用到生產環境,但是直接在請求接口使用服務器地址,可以成功,但是會造成cookie丟失而失去權限驗證 我腦海里出現有兩種辦法,一是 ...

Wed Aug 01 03:02:00 CST 2018 0 17538
vue2.0 項目build資源文件報錯404解決方案

vue項目build,我們會看到css、js報錯404的問題; 那我們就去找錯誤原因吧。 首先,查看build的dist文件目錄 可以看出,js、css在index.html的同級目錄下; 然后,查看index.html,看到下面的代碼  我們先普及下文件路徑 ...

Wed Nov 22 23:19:00 CST 2017 0 5432
Vue打包報錯Unexpected token: punc(()解決方案

(用vscode)vue項目打包時,報錯報錯信息如下: 原因:上面的代碼是es6的語法,由於現在還有瀏覽器不支持es6的語法,所以在打包的過程中要把es6轉換成es5,在打包使用了UglifyJs壓縮JS,但是UglifyJs無法解析ES6,才出現了上述問題 ...

Wed Mar 27 23:52:00 CST 2019 0 704
Vue build打包之后,刷新頁面出現404解決方案

Vue build打包之后,刷新頁面出現404,HTML5 History 模式 原因分析: vue-router 默認 hash 模式 —— 使用 URL 的 hash 來模擬一個完整的 URL,於是當 URL 改變時,頁面不會重新加載。 如果不想要很丑的 hash,我們可以用路由 ...

Wed Jun 26 08:32:00 CST 2019 0 2645
Vue Cli 3 打包上線 靜態資源404問題解決方案

報錯原因:靜態資源丟失 解決方案 官方文檔https://cli.vuejs.org/zh/config/#vue-config-js baseUrl 從 Vue CLI 3.3 起已棄用,請使用publicPath。 在根目錄創建vue.config.js 文件 // 請把代碼 ...

Sun Mar 10 08:08:00 CST 2019 0 1908
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM