vue 里面 如何用$http.post 实现跨域请求

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。

解决跨域问题可以使用代理解决, 比如nginx等

网页链接

刚接手个项目，上手的时候想看下请求接口:

那尼？为啥是localhost。。。当时我的心里真的是有一万只草泥马在奔腾，因为之前只是看过，没有真实的使用过，第一次碰到的时候，心里还是懵逼的，现在基本熟悉之后，把配置代理这一块整理一下吧。

配置代理分两种情况吧，一种是可以看到config文件夹的，另一种当然就是不可以看到文件夹的啦，我下面就对这两种情况具体说一下吧。

在文件夹之内默认的应该有这三个文件：

在indexjs文件内找到dev的配置：

当没有config文件夹的时候，用编辑器打开的时候会看到下面的文件：

重点还是看vueconfigjs，打开配置文件的时候,在文件内部有devServer的配置：

1问题：

后端给的接口是：>

在平常的项目开发当中，很容易遇到跨域的问题，好在vue-cli的脚手架提供了跨域的解决方案，在config下的indexjs中有个proxyTable属性，在其中添加如下配置:

proxyTable: {

'/api':{

target:'>

在前端中我们用ajax请求数据，有多种方式，大家都知道，跨域的原因是服务和客户端不满足同源测钥，在vuejs中我们只需要设置一种属性：

在vueconfigjs配置即可：/hehe，代表你要代理地服务器地址；比如这里代理的是>

此时，在使用axios发送请求，比如下面的情况

访问地址会被代理到 >

以上就是关于vue 里面 如何用$http.post 实现跨域请求全部的内容，包括:vue 里面 如何用$http.post 实现跨域请求、关于vue中配置代理请求（配置跨域）、在vue项目中配置proxy解决跨域问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！