live
1.live-server
没有webpack，我们就无法使用webpack-dev-server运行这个项目，实现热部署。
所以，这里我们使用另外一种热部署方式：live-server，
1.1.简介
地址；
这是一款带有热加载功能的小型开发服务器。用它来展示你的HTML / JavaScript / CSS，但不能用于部署最终的网站。
1.2.安装和运行参数
安装，使用npm命令即可，这里建议全局安装，以后任意位置可用
npm install -g live-server
运行时，直接输入命令：
live-server
另外，你可以在运行命令后，跟上一些参数以配置：
--port=NUMBER- 选择要使用的端口，默认值：PORT env var或8080--host=ADDRESS- 选择要绑定的主机地址，默认值：IP env var或0.0.0.0（“任意地址”）--no-browser- 禁止自动Web浏览器启动--browser=BROWSER- 指定使用浏览器而不是系统默认值--quiet | -q- 禁止记录--verbose | -V- 更多日志记录（记录所有请求，显示所有侦听的IPv4接口等）--open=PATH- 启动浏览器到PATH而不是服务器root--watch=PATH- 用逗号分隔的路径来专门监视变化（默认值：观看所有内容）--ignore=PATH- 要忽略的逗号分隔的路径字符串（anymatch -compatible definition）--ignorePattern=RGXP-文件的正则表达式忽略（即.*\.jade）（不推荐使用赞成--ignore）--middleware=PATH- 导出要添加的中间件功能的.js文件的路径; 可以是没有路径的名称，也可以是引用middleware文件夹中捆绑的中间件的扩展名--entry-file=PATH- 提供此文件（服务器根目录）代替丢失的文件（对单页应用程序有用）--mount=ROUTE:PATH- 在定义的路线下提供路径内容（可能有多个定义）--spa- 将请求从/ abc转换为/＃/ abc（方便单页应用）--wait=MILLISECONDS- （默认100ms）等待所有更改，然后重新加载--htpasswd=PATH- 启用期待位于PATH的htpasswd文件的http-auth--cors- 为任何来源启用CORS（反映请求源，支持凭证的请求）--https=PATH- 到HTTPS配置模块的路径--proxy=ROUTE:URL- 代理ROUTE到URL的所有请求--help | -h- 显示简洁的使用提示并退出--version | -v- 显示版本并退出
1.3.测试
我们进入leyou-portal目录，输入命令：
live-server --port=9002
3.3.域名访问
现在我们访问只能通过：http://127.0.0.1:9002
我们希望用域名访问：
第一步，修改hosts文件，添加一行配置：
127.0.0.1 www.leyou
第二步，修改nginx配置，将www.leyou反向代理到127.0.0.1:9002
注意：在配置文件中 配置 www.ley 这个反向代理时，应该将其放置在最顶层，默认就是在第一行
server {listen 80;server_name www.leyou;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-Server $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;location / {proxy_pass http://127.0.0.1:9002;proxy_connect_timeout 600;proxy_read_timeout 600;}
}
重新加载nginx配置：nginx.exe -s reload
live
1.live-server
没有webpack，我们就无法使用webpack-dev-server运行这个项目，实现热部署。
所以，这里我们使用另外一种热部署方式：live-server，
1.1.简介
地址；
这是一款带有热加载功能的小型开发服务器。用它来展示你的HTML / JavaScript / CSS，但不能用于部署最终的网站。
1.2.安装和运行参数
安装，使用npm命令即可，这里建议全局安装，以后任意位置可用
npm install -g live-server
运行时，直接输入命令：
live-server
另外，你可以在运行命令后，跟上一些参数以配置：
--port=NUMBER- 选择要使用的端口，默认值：PORT env var或8080--host=ADDRESS- 选择要绑定的主机地址，默认值：IP env var或0.0.0.0（“任意地址”）--no-browser- 禁止自动Web浏览器启动--browser=BROWSER- 指定使用浏览器而不是系统默认值--quiet | -q- 禁止记录--verbose | -V- 更多日志记录（记录所有请求，显示所有侦听的IPv4接口等）--open=PATH- 启动浏览器到PATH而不是服务器root--watch=PATH- 用逗号分隔的路径来专门监视变化（默认值：观看所有内容）--ignore=PATH- 要忽略的逗号分隔的路径字符串（anymatch -compatible definition）--ignorePattern=RGXP-文件的正则表达式忽略（即.*\.jade）（不推荐使用赞成--ignore）--middleware=PATH- 导出要添加的中间件功能的.js文件的路径; 可以是没有路径的名称，也可以是引用middleware文件夹中捆绑的中间件的扩展名--entry-file=PATH- 提供此文件（服务器根目录）代替丢失的文件（对单页应用程序有用）--mount=ROUTE:PATH- 在定义的路线下提供路径内容（可能有多个定义）--spa- 将请求从/ abc转换为/＃/ abc（方便单页应用）--wait=MILLISECONDS- （默认100ms）等待所有更改，然后重新加载--htpasswd=PATH- 启用期待位于PATH的htpasswd文件的http-auth--cors- 为任何来源启用CORS（反映请求源，支持凭证的请求）--https=PATH- 到HTTPS配置模块的路径--proxy=ROUTE:URL- 代理ROUTE到URL的所有请求--help | -h- 显示简洁的使用提示并退出--version | -v- 显示版本并退出
1.3.测试
我们进入leyou-portal目录，输入命令：
live-server --port=9002
3.3.域名访问
现在我们访问只能通过：http://127.0.0.1:9002
我们希望用域名访问：
第一步，修改hosts文件，添加一行配置：
127.0.0.1 www.leyou
第二步，修改nginx配置，将www.leyou反向代理到127.0.0.1:9002
注意：在配置文件中 配置 www.ley 这个反向代理时，应该将其放置在最顶层，默认就是在第一行
server {listen 80;server_name www.leyou;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-Server $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;location / {proxy_pass http://127.0.0.1:9002;proxy_connect_timeout 600;proxy_read_timeout 600;}
}
重新加载nginx配置：nginx.exe -s reload