vue-cli3 中跨域解决方案

访客3年前黑客工具454

此方案只能用于开发环境,线上更好设置同源计谋(遇到个后端,装你妈批)

前后端不在统一服务器的情况下,前端要接见后端API,可通过在vue.config.js中设置署理服务器。


0:前提条件

1:安装vue-lic

2:安装axios  用于发送请求。

 

1:将任何未知请求转发到署理服务器

如:

前端地址:127.0.0.1

后端地址:127.0.0.2

当接见地址为 127.0.0.1/api,没有匹配到这地址,那么就会被转发到署理服务器127.0.0.2/api

module.exports={
    devServer:{
        proxy: "http://www.acfun.cn"
    }
}

相关文章

多功能料理机能做什么

多功能料理机作用很多,比如:榨果汁、打豆浆、磨干粉、大肉馅等等。总而言之,只要是厨房里的一些小事它都可以搞定。下面小编就来给大家推荐一款多功能料理机吧~...

倾听别人的电话和微信记录_如何看别人微信登录记录

linux必学的60个命令(Linux入门常用必会60个命令实例详解)对于Linux系统来说,无论是中央处理器、内存、磁盘驱动器、键盘、鼠标,还是用户等都是文件,Linux系统管理的命令是它正常运行的...

9岁男生被同学家长拖拽殴打-男生遭女同学家长报

在学校学生之间小打小闹都是非常正常的一件事,更别说无意之间引发的小摩擦,而这个时候家长更应该做的是了解情况并引导孩子正确的处理,而不是火上浇油失了分寸。今年5月,9岁男生被同学家长拖拽殴打,而导火索是...

借记卡代表什么意思(储蓄卡为何分储蓄卡和借记卡?二者有什么不同?)

借记卡代表什么意思(储蓄卡为何分储蓄卡和借记卡?二者有什么不同?)

我们在金融机构申办工作流程的状况下,工作中员都是会使大家填各种各样的报表。 不清楚大伙儿在填写内容的状况下有没有这一顾虑:在填卡的种类的状况下,上面的可选项有时候是借记卡,有时候是储蓄卡。 这两个...

成都市商务女外围经纪人-【曹凯敏】

“成都市商务女学妹外围经纪人-【曹凯敏】” 休重:信息保密文凭:普通高中商务汽车展主题活动:49二十米/天6840文凭:专科服务质量评价付款订金是务必滴!不然预定主题活动不可以刚开始哦!预定标准、地址...

浙江衢州一工厂发生火灾:现场浓烟滚滚,暂无人员伤亡及被困

泉源:@央视新闻(00:15)  央视新闻客户端11月9日新闻,11月9日11时25分左右,衢州中天东方氟硅质料有限公司一工厂发生火灾。 事故发生后,市消防、应急、环保等部门单元迅速赶往现场举行应...