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

iview-cli 设置跨域代理服务器相关推荐

C# WebAPI设置跨域
C# WebAPI设置跨域设置前端跨域请求很简单,只需要两个步骤 1.安装package Install-Package Microsoft.AspNet.WebApi.Cors 2.WebApiC ...
vue加跨域代理静态文件404_vue-cli 设置跨域代理线上地址报404
vue-cli 设置跨域代理,本地正常访问,线上地址报404.这是什么原因? vue-cli中跨域代理设置: module.exports = { dev: { // Paths assetsSubD ...
html action能跨域么,ASP.NET MVC 中设置跨域
原标题:ASP.NET MVC 中设置跨域来源:GetPower cnblogs.com/gdpw/p/9236661.html 程序员共读整理发布,转载请联系作者获得授权ASP.NET MVC中设 ...
node ，express框架后台设置跨域操作,路由中间件
express项目入口文件下app.js 设置跨域操作 app.all('*', function(req, res, next) { res.header("Access-Control- ...
php 设置跨域axios,vue2.0中proxyTable用axios进行跨域请求的设置方法
vue2.0设置proxyTable使用axios进行跨域请求的方法这里请求的是知乎日报的api,由@izzyleung这位大神提供的,这是github地址. 在vue-cli构建的项目中先安装ax ...
浏览器设置跨域及允许携带cookie
谷歌设置跨域: 谷歌浏览器右键->属性,起始位置(下图"1")及谷歌应用的位置,拷出来备用.我的是C:\Users\xxx\AppData\Local\Google\Chro ...
webpack之proxyTable设置跨域
webpack之proxyTable设置跨域为什么要使用proxyTable 很简单,两个字,跨域. 在平时项目的开发环境中,经常会遇到跨域的问题,尤其是使用vue-cli这种脚手架工具开发时,由于 ...
阿里云OSS设置跨域访问
阿里云OSS设置跨域访问简介操作步骤简介 OSS 提供 HTML5 协议中的跨域资源共享 CORS 设置,帮助您实现跨域访问.当 OSS 收到一个跨域请求(或者 OPTIONS 请求)时,会读取 ...
服务器为C#开发，aspx设置跨域请求
aspx设置跨域请求最近想用hbuilder把项目转成app,要请求之前的服务器,所以遇到个跨域问题,查了很多资料终于搞定了... 在服务器aspx页面头文件里加: <meta http-eq ...

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

iview-cli 设置跨域代理服务器相关推荐

最新文章

热门文章