欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue-cli3本地调试时,设置代理解决跨域问题

程序员文章站 2022-07-12 21:11:52
...
  1. axios请求不要设置baseURL;
  2. 在vue.config.js中进行如下配置:
    module.export = {
    	derServe: {
    		proxy: {
    		    '/believeapi': {
    			      target: 'https://client.be.gz.sulink.cn', // 要代理的地址
    			      changeOrigin: true, //允许跨域
    			      secure: false,  // 如果是https接口的话,需要配置这个参数
    			      pathRewrite: { },  //重写接口
    			      ws: false
    		    }
    		 }
    	}
    }
    

第一步不设置baseURL,使得请求的时候直接使用本机ip;第二步接口以 /believeapi开头的请求,会被代理请求到 https://client.be.gz.sulink.cn/believeapi。也就是首先本地请求本机,不跨域;然后请求被代理到真正的服务器地址,从而解决了本地直接请求跨域的问题。

相关标签: Vue CLI Vue CLI

上一篇: Linux命令行

下一篇: MPI使用-python