前言:

本地项目在请求远端服务器接口时,不可避免的会遇到跨域问题,即便是设置了Access-Control-Allow-Origin:* ,在遇到登录这些需要本地存入cookie的也会很头痛,这里笔者介绍一个在vue-cli中配置代理来解决的办法。
在~/config/dev-server.js中 使用了非常强大的http-proxy-middleware 包。更多高级用法,请查阅其文档。
用法:
比如我们要请求的远端服务器为:http://192.168.400:3000
proxyTable: {
'/api/': {
target: 'http://192.168.400:3000',
changeOrigin:true, //set the option changeOrigin to true for name-based virtual hosted sites
pathRewrite: {
'^/api': '/api'
}
},
},
示例:
比如要请求的接口为http://192.168.400:3000/api/main/getUserInfo.action
this.$http.post('/api/main/getUserInfo.action')
.then(res=>{
console.log(res)
})
后续:
在实际工作中,我们还需要做些其他的,比如在axios中配置baseUrl:
/**
* Created by Administrator on 2017/4/11.
*/
import axios from 'axios';
// 添加响应拦截器
axios.interceptors.request.use(function (config) {
// 配置发送请求的信息
return config;
}, function (error) {
return Promise.reject(error);
});
axios.interceptors.response.use(function (response) {
// 配置请求回来的信息
return response;
}, function (error) {
return Promise.reject(error);
});
var http = axios.create({
timeout: 8000, /*设置请求超时时间*/
baseURL:'http://192.168.400:3000',
});
// Alter defaults after instance has been created
http.defaults.headers.common['Authorization'] = '';
export default http;
/**导出http,在mainjs中引用
import http from './config/axiosConfig';
Vue.prototype.$http = http;
**/
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# vue.js
# 2.0跨域请求
# vue2.0
# 跨域请求
# proxytable
# 跨域
# vue 本地环境跨域请求proxyTable的方法
# 使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
# vue2.0设置proxyTable使用axios进行跨域请求的方法
# vue proxyTable 接口跨域请求调试的示例
# vue修改proxyTable解决跨域请求
# 报404的问题及解决
# 远端
# 其他的
# 还需要
# 重写
# 不可避免
# 会很
# 如在
# 做些
# 如要
# 大家多多
# 要请
# 意为
# 文档
# 使用了
# 拦截器
# 即便是
# 在实际
# pre
# br
# brush
相关文章:
标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)
如何快速使用云服务器搭建个人网站?
C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换
制作旅游网站html,怎样注册旅游网站?
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?
婚礼视频制作网站,学习*后期制作的网站有哪些?
如何快速搭建个人网站并优化SEO?
建站之星备案流程有哪些注意事项?
网站微信制作软件,如何制作微信链接?
制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事?
重庆网站制作公司哪家好,重庆中考招生办官方网站?
建站主机如何选?性能与价格怎样平衡?
如何在阿里云域名上完成建站全流程?
如何在云主机上快速搭建网站?
ui设计制作网站有哪些,手机UI设计网址吗?
如何在阿里云服务器自主搭建网站?
C#如何在一个XML文件中查找并替换文本内容
在线ppt制作网站有哪些,请推荐几个好的课件下载的网站?
如何批量查询域名的建站时间记录?
儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?
香港服务器如何优化才能显著提升网站加载速度?
建站之星如何快速更换网站模板?
制作假网页,招聘网的薪资待遇,会有靠谱的吗?一面试又各种折扣?
怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?
如何配置FTP站点权限与安全设置?
网站制作与设计教程,如何制作一个企业网站,建设网站的基本步骤有哪些?
猪八戒网站制作视频,开发一个猪八戒网站,大约需要多少?或者自己请程序员,需要什么程序员,多少程序员能完成?
零服务器AI建站解决方案:快速部署与云端平台低成本实践
建站之星好吗?新手能否轻松上手建站?
如何优化Golang Web性能_Golang HTTP服务器性能提升方法
头像制作网站在线制作软件,dw网页背景图像怎么设置?
番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗?
网站设计制作企业有哪些,抖音官网主页怎么设置?
北京网站制作的公司有哪些,北京白云观官方网站?
如何高效配置IIS服务器搭建网站?
网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?
如何实现建站之星域名转发设置?
建站之星官网登录失败?如何快速解决?
网站网页制作专业公司,怎样制作自己的网页?
如何选择高效响应式自助建站源码系统?
如何确保西部建站助手FTP传输的安全性?
建站主机功能解析:服务器选择与快速搭建指南
如何在云虚拟主机上快速搭建个人网站?
如何用PHP快速搭建高效网站?分步指南
如何基于PHP生成高效IDC网络公司建站源码?
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?
建站之星Pro快速搭建教程:模板选择与功能配置指南
南宁网站建设制作定制,南宁网站建设可以定制吗?
*请认真填写需求信息,我们会在24小时内与您取得联系。