为了从java服务器中将数据取出,需要 解决vue-element-admin的跨域问题。
方法如下:
1、安装 http-proxy-middleware (webpack,一个插件)
npm install --save-dev http-proxy-middleware
2、更改dev.evn.js 文件
2.1、文件位置:./config/dev.env.js
如果不在这个位置,可在 ./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 加入 代理服务
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
})
保存后刷新即可,如果刷新后仍有问题,请重启