安装

  1. npm install live-serve

运行

  1. live-server

配置

  1. --port=NUMBER：选择要使用的端口，默认值：PORT env var或8080
  2. --host=ADDRESS：选择主机地址绑定到默认值：IP env var或0.0.0.0（“任何地址”）
  3. --no-browser：禁止自动Web浏览器启动
  4. --quiet | -q：抑制日志
  5. --verbose | -V：更多日志记录（记录所有请求，显示所有侦听的IPv4接口等）
  6. --open=PATH：启动浏览器到PATH而不是服务器根
  7. --watch=PATH：以逗号分隔的路径来专门监视变化（默认值：观看所有内容）
  8. --ignore=PATH：逗号分隔的字符串忽略（anymatch兼容的定义）
  9. ignorePattern=RGXP：正则表达式要忽略的文件（即.*.jade）（弃用-ignore）
  10. --no-css-inject：重新加载页面上的CSS更改，而不是注入更改的CSS
  11. --middleware=PATH：导出.js文件的路径导出中间件功能添加;可以是一个没有路径的名字，也不是扩展引用中间件文件夹中的middleware
  12. --entry-file=PATH：提供此文件（服务器根目录）代替丢失的文件（对单页面应用程序有用）
  13. --mount=ROUTE:PATH：在定义的路线下提供路径内容（可能有多个定义）
  14. --spa：将请求从/ abc转换为/＃/ abc（方便单页应用
  15. --wait=MILLISECONDS：（默认100ms）等待所有更改，然后重新加载
  16. --htpasswd=PATH：启用期待位于PATH的htpasswd文件的http-auth
  17. --cors：为任何来源启用CORS（反映请求源，支持凭证的请求）
  18. --https=PATH：到HTTPS配置模块的路径
  19. --https-module=MODULE_NAME：自定义HTTPS模块（例如spdy)
  20. --proxy=ROUTE:URL：代理ROUTE到URL的所有请求
  21. --help | -h：显示简短的使用提示并退出
  22. --version | -v：显示版本并退出

html项目
如果不是以上两种项目，而是h5项目，有没有办法在本地进行跨域代理呢？当然也可以了。
前提是已经安装好了nodejs，然后全局安装 live-server
npm install live-server -g
在项目文件夹根目录下执行npm init ，生成 package.json文件，
在 package.json 添加如下start配置

  1. 1. "scripts": {
  2. 2.     "start": "live-server --open=./html/index.html --port=8088 --proxy=/api:http://10.130.100.102:9000/api"
  3. 3.  }

—open 启动服务器时打开指定的文件
—port 启动指定端口
—proxy 要跨域请求的域名和端口
npm start 启动本地服务器
发起请求如下

  1. 1. axios({
  2. 2.     url:'/api/user/info'  
  3. 3. })

—proxy=/proxy:http://10.130.100.102:9000“ 的 含义是，当请求 ‘/proxy’开头的地址时，live-server服务器将自动承担代理服务器的角色，请求到数据后转发回本地。

  • 还可以这样

在 .vscode 中的 setting.json 中设置如下

  1. {
  2.   "liveServer.settings.host": "192.168.1.8", //设置本地服务的地址
  3.   "liveServer.settings.port": 23018, //设置本地服务的端口号
  4.   "liveServer.settings.proxy": {
  5.     "enable": true,
  6.     "baseUri": "/api",
  7.     "proxyUri": "http://192.168.10.119:31638/api/"//代理地址,/api/不能少
  8.   }
  9. }