vue设置代理的时候填的是服务器地址吗

Posted 2023-04-12

vue设置代理的时候填的是服务器地址。
简单的只能配置一个代理，不能控制走不走代理。vue.config.js配置

例如: 比如接口地址为/students, pubilc文件里有名为students的文件，代理服务器则不会将请求转发到服务器，会直接将public里名为student的文件里的内容返回。 参考技术A vue设置代理的时候填的是服务器地址，也就是协议、端口、主机其中一项不相同的时候,这时候就会产生跨域Proxy代理

Vue-cli创建项目从单页面到多页面4 - 本地开发服务器设置代理

前后端分离开发时，有时候会遇到跨域的情况：只在开发的时候存在跨域，项目上线后，由于配置的域名相同，跨域就会不存在。

这个时候，有两种方案可以比较快的解决：
1、利用h5的特性，使用cors，在ngnix服务器上设置header：Access-Control-Allow-Origin的值为 *(或者目标域名)允许跨域。

2、在我们的本地开发服务器上设置代理。

这里主要介绍使用vue-cli创建项目后，怎样配置本地服务器的代理，成功通过本地服务器代理请求数据的解决方案。

解决方案

进入config/index.js中，在dev属性中添加proxyTable的设置。
假设我现在需要将我本地的http://localhost:8080/somepath代理到目标地址http://a.b.com/otherpath 下，那么我就可以这样做：

module.exports= {
  dev: {
    proxyTable: {
	  \'/somepath\': {
	    target: \'http://a.b.com\',
		changeOrigin: true,
		pathRewrite: {
		  \'^/somepath\': \'/otherpath\'
		}
	  }
	}
  }
}

我的vue多页面系列的其他博客链接：

Vue-cli创建项目从单页面到多页面

Vue-cli创建项目从单页面到多页面2-history模式

Vue-cli创建项目从单页面到多页面3-关于将打包后的项目文件不放在根目录下