Vue开发环境和服务器的跨域问题

在开发环境中,由于域名ip端口的不同会遇到跨域的问题,此时我们需要配置代理服务,在config的index.js中,如下如配置

index.js配置, 在target中填写真实的请求地址 

请求数据用的是axios,所以在axios文件中,将baseURL修改为‘/api’即可

api的index.js,axios的统一配置文件

好啦,以上就是在开发环境中的跨域配置,那如果打包扔到服务器上请求呢,接下来就是服务器的跨域问题了

选择用了nginx的反向代理,在nginx的conf文件夹中找到nginx.conf的配置文件,在server中做如下的配置

nginx.conf

以上,就是开发环境和服务器上的跨域解决问题

你可能感兴趣的:(Vue开发环境和服务器的跨域问题)