vue 和 uniapp配置跨域代理

几天没有写博客了，原因是除了工作以外，在搭写uni的一些基本架子~方便使用，测试requst请求本地接口，就跨域了，就去查了一下和vue跨域有什么不同，再此记录
·····································································································

1. Vue跨域

在vue.config.js 里

"devServer" : {
  "port" : 9000,       //默认端口号
  "disableHostCheck" : true, 
  "open":true,   // 是否自动打开浏览器
  "proxy": {
    "/api": {
      "target": "http://localhost:3000",  //你要跨域的地址
      "changeOrigin": true,          // 是否改变
      "secure": false,          //https配置
      "pathRewrite": {
						"^/api": ""             // 将api替换为'',因为接口本身不带api
					}
    },
    "/api2": {
     .....
    }
  }, 
},

然后 接口请求为 http://localhost:3000/123 的话，url只需要来个 /api/123

2. Uniapp跨域
   在 manifest.js 文件里，嗯。。。其实没什么不同，就是文件不同，多了一个"h5"

	"h5" : {
        "devServer" : {
            "port" : "3001",
			"disableHostCheck" : true,
			"open":true,
            "proxy" : {
                "/api" : {
                    "target" : "http://localhost:3000",
                    "changeOrigin" : true,
                    "secure" : true,
					"pathRewrite": {
						"^/api": ""
					}
				}
			}
		}
    }

这种方法只在测试阶段管用，上线可以叫后台配nginx反向代理，当然也可以自己学，过些天完善基础功能后，会在记录几个有趣的小功能~