java

解决vue-element-admin 跨域的请求数据的问题

2018-12-18  本文已影响0人  Mr菜头

为了从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

})

保存后刷新即可,如果刷新后仍有问题,请重启

上一篇 下一篇

猜你喜欢

热点阅读