当前位置:首页 > 技术分析 > 正文内容

vue跨域(前端配置/nginx+springboot配置)

ruisui883个月前 (01-15)技术分析21

前言

学完vue,就想搞点前后端分离玩玩,然而在请求路径的时候却出现了跨域问题!因此我就想解决一下!开搞


1.前端配置解决跨域

1-1.创建文件


vue-cli3的项目没有带那个config/index.js,只能自己创建一个叫vue.config.js

vue.config.js

1-2.写东西

image.png

1-3.在main.js中写

image.png

1-4.请求中写

image.png

1-5.成功

image.png

2.nginx+springboot配置解决跨域

2-1.vue.config.js中配置

vue.config.js

2-2.main.js中配置

main.js

2-3.springboot中配置

springboot

2-4.nginx中配置

nginx

2-5.请求中写

image.png

2-6.成功

image.png

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/320.html

分享给朋友:

“vue跨域(前端配置/nginx+springboot配置)” 的相关文章

费用报销管控紧抓三个要点,网上报销系统助力企业做好报销管理

财务人员在进行费用报销管控时,多多少少会遇到一些棘手的情况。费用报销管控的要点是什么?这是很对财务朋友非常关心的一个问题,今天就给大家讲解一下费用报销管控的3个要点!关键点一:要求员工把报销单上面的关键信息填写完整那么报销单上的关键信息有哪些呢?不同的费用类型,关键信息不一样,比如交通费发票,火车票...

vue项目-父页面数据变化使子页面更新的几种情况

当操作页面时候,特别是增删改操作之后,数据会有所改变,这个时候我们希望组件中的数据要和最新数据一致,就需要重新更新渲染。以下是针对几种不同情况下方式:一.子页面调用接口后重新渲染1.使用ref方式父组件中用ref=“xxx” 来声明子组件,然后通过在父组件值改变的地方来调用子组件中的方法this.$...

79.idea中git合并分支操作分享

文章目录前言1.fetch的操作2.合并最新代码到当前的开发分支3.解决冲突4.分支合并:5.完成代码合并总结前言git的操作在日产的工作中也非常重要,团队化的代码管理,每次如果代码被别人覆盖或者自己的代码不能提交到服务器那是灾难性的结果,本篇进行一篇分享来总结下idea中git的操作帮助java开...

学无止境:Git 如何优雅地回退代码

来源:https://zhenbianshu.github.io前言从接触编程就开始使用 Git 进行代码管理,先是自己玩 Github,又在工作中使用 Gitlab,虽然使用时间挺长,可是也只进行一些常用操作,如推拉代码、提交、合并等,更复杂的操作没有使用过,看过的教程也逐渐淡忘了,有些对不起 L...

7 招教你轻松搭建以图搜图系统

作者 | 小龙责编 | 胡巍巍当您听到“以图搜图”时,是否首先想到了百度、Google 等搜索引擎的以图搜图功能呢?事实上,您完全可以搭建一个属于自己的以图搜图系统:自己建立图片库;自己选择一张图片到库中进行搜索,并得到与其相似的若干图片。Milvus 作为一款针对海量特征向量的相似性检索引擎,旨在...

多项修正 尼康D4s发布最新1.10版固件

尼康公司与2014年8月27日发布了D4s的最新固件,固件版本号为C:1.10。这次固件升级,主要解决了一些BUG,并且对拍摄菜单与相机操作做了一定调整。下面是本次新固件的具体信息:尼康发布D4s最新C固件 1.10版对C固件升级到1.10版所作的修改:当选定运动VR模式并换上 AF-S 尼克尔 4...