情景

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

前端跨域

vue.config.js

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

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

成功。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。