本地vs code 插件 模拟服务器环境调试前端包(live-server 运行dist包,并解决接口跨域问题)

1. 安装vscode live-server插件

1. 用vscode单独打开dist

2. 找到vscode右下角的“Go Live”按钮,点击就会执行一个默认端口号为5555web服务

1. 打开setting.json配置live-server端口号代理等属性

  "liveServer.settings.host": "localhost", //域名或IP

  "liveServer.settings.port": 5555,       //默认端口

  "liveServer.settings.wait": 1000,       //刷新频率

  "liveServer.settings.CustomBrowser": "chrome",  //打开到目标浏览器

  "liveServer.settings.ChromeDebuggingAttachment": false, //是否开启ChromeDebug

  "liveServer.settings.proxy": {  //代理设置

      "enable": true, //是否开启代理设置 

      "baseUri": "/stage-api", // 代理的访问根路径，如http://localhost:5555/api

      "proxyUri": "http://193.168.17.11/stage-api" //远程服务端接口

  },