iview-cli 设置跨域代理服务器

1.打开 webpack.dev.config.js

2.//设置跨域代理

devServer: {
  historyApiFallback: true,
  hot: true,
  inline: true,
  stats: { colors: true },
  proxy: {
    //匹配代理的url  
    ‘/api‘: {
      // 目标服务器地址
      target: localhost:8080‘,
      //路径重写
      pathRewrite: {‘^/api‘ : ‘/api‘},
      changeOrigin: true,
      secure: false
    }
  }
}

设置之后重新打开项目;

3.使用

//请求方法,根据实际情况使用
axios.get(‘/api/user‘).then((res) => {
     //res 为成功回调的响应
    console.log(res); });    
地址路径请根据具体情况自行更改

转载地址

http://www.cnblogs.com/mark7/p/7722621.html#4001041

原文地址:https://www.cnblogs.com/potholing/p/9243930.html

时间: 2024-08-26 00:52:07

iview-cli 设置跨域代理服务器的相关文章

nodejs设置跨域访问

//设置跨域访问app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods",&qu

设置跨域cookie(www.jd.com,search.jd.com...这种的情况)

设置跨域cookie 原文地址:https://www.cnblogs.com/x54256/p/8671951.html

ASP.NET MVC中设置跨域

ASP.NET MVC中设置跨域 1.什么是跨域请求 js禁止向不是当前域名的网站发起一次ajax请求,即使成功respone了数据,但是你的js仍然会报错.这是JS的同源策略限制,JS控制的并不是我们网站编程出现了问题.客户端(网页)和后台编程都可以有效解决这个问题.客户端可以通过JSONP来完成跨域访问:在ES6中为了解除同源策略问题,想出一个办法:当被请求网站为响应头respone添加了一个名为Access-Control-Allow-Origin的header,设置其值等于发起请求网站的

谷歌浏览器设置跨域失败

在进行前端开发设置谷歌浏览器跨域时遇到了问题,百度上说的方法不管怎么设置就是不能跨域,在死怼中发现了可以这样设置跨域(详见三) 总结三种方法: 一.49版本以前的设置: 在桌面chrome快捷方式的属性中的目标输入框添加   --disable-web-security  与前面字符之间有空格 二.49版本以后的设置: 1.在电脑上新建一个目录,例如:C:\MyChromeDevUserData 2.在属性页面中的目标输入框里加上   --disable-web-security --user-

设置跨域的iframe的高度

原因 如下图,A域中有个B域的页面,但是B的页面的长度不确定,A无法去设置一个准确的高度. PS:iframe高度设置auto是无效的 解决办法 如上图, (1)在B页面中加一个A的代理页面的iframe PS:这最里面的A页面能调用最外层A页面的方法,而B页面是调用不了最外层A的(因为跨域的安全限制). (2)当B页面加载完成时,修改A的agent.html所在iframe里src. setTimeout(function(){ var _height = $("#vs-source"

thinkphp 设置跨域请求

场景:我的本地网页服务器无法访问本地的接口服务器接口提示一下错误:大致意思是:是一个跨域请求我的没有访问该地址的权限(接口服务器采用的是PHP编写) XMLHttpRequest cannot load http://localhost/mz/goods/getList. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is prese

SpringBoot设置跨域的几种方式

什么是跨域? 浏览器从一个域名的网页去请求另一个域名的资源时,域名.端口.协议任一不同,都是跨域 原因: 由于浏览器的同源策略, 即a网站只能访问a网站的内容,不能访问b网站的内容. 注意: 跨域问题只存在于浏览器,也就是说当你的前端页面访问后端简单请求的接口时,返回值是有的,只是服务器没有在请求头指定跨域的信息,所以浏览器自动把返回值给"屏蔽了". 经过上面的了解,可以得出几个解决跨域的方法(不考虑前端实现): 1.服务端指定跨域信息 2.在web页面与服务器之间加一层服务指定跨域信

CDN惹的祸:记一次使用OSS设置跨域资源共享(CORS)不生效的问题

原文: https://www.lastupdate.net/4669.html 昨天H5组的开发反馈了一个问题,说浏览器收不到跨域的配置,提示:Failed to load https://nnmjstore.xxx.com/records/34e38a6b-0aaf-4bc3-af73-1d9dffcdb6f8_cdhzmj_15: No 'Access-Control-Allow-Origin' header is present on the requested resource. Or

Apache与Nginx设置跨域请求

我们在前端使用代理请求时,要先设置服务器允许跨域请求,下面先来介绍几个常用的配置 (1)Access-Control-Allow-Origin 该字段是必须的.它的值要么是请求时Origin字段的值,要么是一个*,表示接受任意域名的请求. (2)Access-Control-Allow-Credentials 该字段可选.它的值是一个布尔值,表示是否允许发送Cookie.默认情况下,Cookie不包括在CORS请求之中.设为true,即表示服务器明确许可,Cookie可以包含在请求中,一起发给服