记录Vue前端项目部署

一、关于nginx

后续更新…

二、部署Vue项目

1.打包Vue项目

执行命令：

	npm run build

生成文件:

2.安装nginx

官网下载：下载链接

此处选择了稳定版1.20.1版本
安装包文件:

3.开启nginx

（1）在cmd中指定到安装nginx的文件夹下

使用快捷键：Win+R

开启nginx：

	#先关闭nginx
	nginx -s stop
	#开启nginx
	start nginx

4.修改nginx配置

（1）修改端口

默认端口为80端口，最好修改为其他端口号；

（2）指定Vue打包文件

Vue打包文件：

nginx中设置vue指定文件:

注意：
在指定打包的Vue文件时，不要在有汉字的文件夹下存放，否则会无法访问；
提示这个错误：No mapping for the Unicode character exists in the target multi-byte code page

（3）设置后台端口

此项目中后台程序是在IIS上部署的端口为8011；

三、参考文档

https://www.cnblogs.com/jackson-yqj/p/10273331.html
https://www.cnblogs.com/jackson-yqj/p/10273352.html