美文网首页java
解决vue-element-admin 跨域的请求数据的问题

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

作者: Mr菜头 | 来源:发表于2018-12-18 16:35 被阅读0次

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

})

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

相关文章

  • 跨域

    ??JSONP只能解决GET请求跨域,不能解决POST请求跨域问题,XHR2可以解决GET,POST方式的请求跨域...

  • 开发环境跨域和生产环境跨域

    开发环境跨域 前后端分离,IP地址不同,请求数据必然导致跨域问题;解决方案:proxy设置 生产环境跨域 解决方案...

  • [mark]九种跨域方式实现原理

    前端如何使用proxyTable和nginx解决跨域问题 前言 前后端数据交互经常会碰到请求跨域,什么是跨域,以及...

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

    为了从java服务器中将数据取出,需要 解决vue-element-admin的跨域问题。 方法如下: 1、安装h...

  • axios代理proxy解决接口请求跨域问题

    项目开发中会向接口请求数据,但是浏览器有个同源策略 所以就有了跨域问题 使用proxy代理解决跨域请求数据的问题 ...

  • axios代理proxy解决接口请求跨域问题

    转载项目开发中会向接口请求数据,但是浏览器有个同源策略 所以就有了跨域问题使用proxy代理解决跨域请求数据的...

  • 跨域上传图片并预览

    跨域上传文件 之前解决跨域问题都是使用的JQuery的JSONP类型的Ajax请求,JSONP原理是让服务器把数据...

  • ajax请求Python跨域问题的解决方式

    1.如果用jquery请求不同服务的数据,或出现跨域 的问题,浏览器会阻止数据成功返回,下面是解决跨域的ajax请...

  • AJAX入门

    处理跨域的主要方法 JSONP CORS本文主要讨论CORS解决AJAX因为浏览器同源策略不能跨域请求数据的问题。...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

网友评论

    本文标题:解决vue-element-admin 跨域的请求数据的问题

    本文链接:https://www.haomeiwen.com/subject/vxelkqtx.html