vue-cli2解決跨域問題
(基于vue-cli專案中自帶的服務器配置,方便開發環境的除錯)
假設:
本地的開發地址是
http://localhost:8080
請求的地址是
http://localhost:6565/classmanage/service/login
解決方案:
1.打開config檔案夾下的index.js,修改為如下配置:

代碼如下:
proxyTable: {
'/classmanage': {
target: 'http://localhost:6565',
changeOrigin: true,
}
},
2.打開src/config檔案夾下的index.js,修改為如下配置:

代碼如下:
baseUrl: '/classmanage/service',
3.api請求訪問:

代碼如下:
export const login = (params) => {
return axios.request({
url: '/login',
data: params,
method: 'post'
})
}
4.F12查看(訪問成功):

轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/179690.html
標籤:其他
