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

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

})

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容