美文网首页vue系列uni
vscode本地h5请求跨域代理live-server

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

作者: litielongxx | 来源:发表于2022-03-11 10:55 被阅读0次

    注意:
    跨域,即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为页面中的对应,不要实际是/baidu/xx也来整个,离大谱了。

    配置同域名下多个代理

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

    image.png

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

    相关文章

      网友评论

        本文标题:vscode本地h5请求跨域代理live-server

        本文链接:https://www.haomeiwen.com/subject/myycdrtx.html