為了從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)重啟