vscode本地h5请求跨域代理live-server

注意：
跨域，即cross错为仅有开发时候碰到。线上后端会自行nginx，负载均衡等专业方法解决。

1 当静态或常规h5，不想频繁h5，想像vue等一样热更新？

live server为vsocode插件，基础用法为热更新。
安装完右键，open with live server就行。

2 127.0.0.1中例如和vue一样，本地访问demo.com的接口，但接口在服务器，但本地如何解决？

vue用的webpack的proxy代理，live-server插件本身也有。
除h5外，非纯前端项目。
即java为主导中html，php主导中的html，没用ieda工具时，除合并上去开发分支部署查看，也可以这种解决（没碰到的看不懂这句正常）

步骤：

0 vscode安装live-server插件

image.png

1 点击齿轮-拓展设置

image.png

2 下滑如图更改

image.png

3 更改
true 为启用
/api 代表匹配127.0.0.1中一旦匹配到/api字段就下面去
http://demo/api 真实的访问地址,可能时/xx 、/aa、/cc，上面和这一样只是为了方便。
代表匹配的/api为页面中的对应。

配置同域名下多个代理

其实就是加个如/api标识,真实地址不加时类似vue中重写。
请求：
http://demo.com/xx/login
http://demo.com/bb/login

image.png

右上角源代码模式：

image.png

ps:
live-server同理于iis，即php常用部署网站，windos自带的那个。
127.0.0.1指向的为本机，但换成当前ip后，搭建的页面区域网内用户都可访问、
https://blog.csdn.net/sunhcsss/article/details/115143657