解決vue-element-admin 跨域的請(qǐng)求數(shù)據(jù)的問(wèn)題

為了從java服務(wù)器中將數(shù)據(jù)取出,需要 解決vue-element-admin的跨域問(wèn)題。

方法如下:

1、安裝?http-proxy-middleware (webpack,一個(gè)插件)

npm install --save-dev http-proxy-middleware

2、更改dev.evn.js 文件?

2.1、文件位置:./config/dev.env.js?

????如果不在這個(gè)位置,可在 ./build/webpack.dev.conf.js 中看plugin中的配置

2.2、 操作:

????把BASE_API 注釋

????module.exports = {

? ? ?????NODE_ENV: '"development"',

????? ????ENV_CONFIG: '"dev"'

? ????????// ,

????? ????// BASE_API: '"http://javaServer:8081/"'

????????//? BASE_API: '"https://api-dev"'

????}

3、 配置 config/index.js 文件

修改 proxyTable 加入 代理服務(wù)

proxyTable: {

? ? ? '/InventoryManagementSystem':

? ? ? {

? ? ? ? target: 'http://javaserver:8081',

? ? ? ? changeOrigin: true //允許跨域

? ? ? }

4、修改 src/utiles/request.js

// create an axios instance

const service = axios.create({

? // baseURL: process.env.BASE_API, // api 的 base_url 注釋掉baseUrl

? timeout: 5000 // request timeout

})

保存后刷新即可,如果刷新后仍有問(wèn)題,請(qǐng)重啟

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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