# 使用axios的changeOrigin属性
在进行前后端分离开发时，我们经常会遇到跨域请求的问题。跨域请求是指浏览器的同源策略限制了不同域之间进行数据交互的能力，这就需要我们在前端进行一些处理。在这种情况下，我们通常会使用axios这个强大的HTTP客户端工具来发送请求，而axios提供了一个名为changeOrigin的属性，用于解决跨域请求的问题。
## axios简介
axios
ajax跨域请求时，浏览器知道请求是跨域，给请求头中添加origin，服务器端收到后，可返回，浏览器据此判定是否允许
Nginx配置origin限制跨域请求-应对等保(1) 方法一：http下配置 map指令 （这个可以）(2) 方法二：server下配置 （这个感觉没有什么作用）(3) 方法三：server下配置 （这个可以） Nginx需要修复一个CORS安全漏洞 其中单纯的加 “add_header Access-Control-Allow-Origin” 是没有丝毫作用的表示当前请求资源所在页面的协议和
nginx是做什么用的是浏览器（用户）与服务器交互的一个服务，他只能处理静态文件。如果发现是自己处理不了的文件，根据配置可以将其转发到对应的其他服务上 什么是CGI1.当server收到一个php的请求时，会启动一个程序去处理当前的请求，而这个程序就是CGI。2.CGI会查看phpini的配置并载入、初始化进程并处理请求，这个过程在每一次处理php请求时都会发生，所以会造成严重的资源开销
一、什么是跨域？ 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。当前页面url被请求页面url是否跨域原因http://www.test.com/http://www.test.com/index.html否同源（协议、域名、端口号相同）http://www.test.c
跨域作为一个前端开发者来说不可避免的问题就是跨域，那什么是跨域呢？ 跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。浏览器的同源策略是指协议，域名，端口都要相同，其中有一个不同都会产生跨域。那如何解决跨域问题呢。跟后端商量一下也是可以通过CORS解决跨域问题的。但是一生要强的前端崽儿也是可以自己解决的。webpack-dev-s
写在前面当今互联网行业，大部分Web项目基本都是采用的前后端分离模式。前端为H5项目，后端为Java、PHP、Python等项目。而且大部分后端服务并不会只部署一套服务，而是会采用Nginx对后端服务进行负载均衡。那么，此时就会出现一个问题了：如果一个请求url的 协议、域名、端口 三者之间任意一个与当前页面url不同就会产生跨域的现象。那么如何使用Nginx解决跨域问题呢？接下来，我们就一起探讨
欢迎点击「算法与编程之美」↑关注我们！本文首发于："算法与编程之美"，欢迎关注，及时了解更多此系列文章。欢迎加入团队圈子！与作者面对面！直接点击！1.创建一个V...
原创
2022-03-01 15:35:30
342阅读
{{ message }} data: { newTodoText: '', visitCount: 0, hideCompletedTodos: false, todos: [], error: null}
转载
2017-08-09 18:22:00
495阅读
1.newVue()创建一个新的Vue实例2.el挂在原色el绑定的元素内，都是Vue的作用范围3.d
原创
2023-05-06 14:40:25
252阅读
vue打包问题：Tip: built files are meant to be served over an HTTP server.npm run build之后，出现提示：Tip: built files are meant to be served over an HTTP server. Opening index.html over
原创
2021-09-28 14:55:17
975阅读
https://www.jb51.net/article/119693.htm vue打包问题：Tip: built files are meant to be served over an HTTP server. npm run build之后，出...
转载
2020-03-05 09:18:00
336阅读
2评论
1.认识VueVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时
原创
2022-03-04 15:33:42
166阅读
4.Vue实例4.1.创建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})在构造函数中传入一个对象，并且在对象中声明各种Vue需要的数据和方法，包括：eldatamethods等等接下来我们一 一介绍。4.2.模板或元素每个Vue实例都需要关联一段Html模板，Vue会基于此...
原创
2021-08-18 10:48:57
380阅读
9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli安装命令：npm install -g vue-cl...
原创
2021-08-18 10:49:50
560阅读
邂逅Vuejs 认识Vuejs Vue (读音 /vjuː/，类似于 view) Vue是一个渐进式的框架。 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。 比如Core+Vue-rout ...
转载
2021-09-20 01:40:00
404阅读
2评论
老规矩，放下博主的项目地址：https://github./wohaiwo/vue znly 我一直在想给那些开源者取什么名字比较好，怎样才对得起他们开源项目的精神，后来想想，还是叫博主吧。有的人用语言表达技术，有的人用代码表达技术。 接下来我们还是来看项目效果吧 我们可以看到这个项目内容还是
转载
2019-07-10 19:48:00
361阅读
2评论
Vue-router Vue Router是vue.js官方的路由管理器，它和vue.js的核心深度集成，让构建单页面变得非常的简单 Vue-router是vue的一个插件，可以npm，或者CND引用 官网：https://router.vuejs.org/zh/installation.html
原创
2022-07-07 10:56:47
195阅读
vue-cli本地环境API代理设置和解决跨域前言我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的
