uni-app：配置webpack代理，解决跨域问题

uni-app：配置webpack代理，解决跨域问题

1、 打开项目文件manifest.json–>h5配置–>路由模式：history–>端口：9000

mode：设置路由的工作模式

1. mode:‘hash’，哈希模式，默认值。
   路由地址栏一直带有一个#。#后面的内容无法被后台获取。
2. mode:‘history’，历史模式。
   去掉路由地址中的#。历史模式必须在后台中进行设置。

端口：只要不与后台端口冲突就可以

2、uni-app官网–>框架–>配置–>manifest.json–>h5–>devServer–>devServer.proxy

就可以查看如何配置了，最终结果如下一步

3、返回项目文件manifest.json–>源码视图：

"h5" : {
        "router" : {
            "mode" : "history"
        },
        "devServer" : {
            "port" : 9000,
			"proxy": {
				"/api": {
				"target": "http://localhost:8080/mi",
				"pathRewrite": {"^/api" : ""}
				}
			 }
        }
    }