情景

Vue項目的url：http://localhost:8080/
本地后臺所在: http://localhost:8081/
這樣就導致了跨域問題，解決方法林林總總，特開一遍文章來持續記錄。

前端跨域

vue.config.js

找到項目的根目錄下的 vue.config.js 文件（沒有就新建），然后在里面輸入以下代碼：

//在根目錄下創建vue.config.js,如下配置： module.exports = {devServer: {//跨域proxy: {'/api': {target: 'http://localhost:8081/dong-guan-project/tp6-dgjx/public/index.php', //路徑指向本地主機地址及端口號changOrigin: true,//準許跨域//路徑重寫pathRewrite: { //重寫路徑，當我們在瀏覽器中看到請求的地址為： //http://localhost:8080/api/frontend/experts/getlist 時 //實際上訪問的地址是： //http://localhost:8081/dong-guan-project/tp6-dgjx/public/index.php/frontend/experts/getlist //因為重寫了 /api'^/api': '' //路徑轉發代理}}}} }

成功。

總結

以上是生活随笔為你收集整理的【Vue】前端跨域解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。