Nginx部署项目（基础）

1.准备工作，申请阿里云服务器；

1.1注册账户；

1.2免费试用云服务器ECS；

注意：设置系统为Windows Server 2019 数据中心版 64位中文版

 

1.3重置实例密码

1.4安全组规则配置

1.5登录

搜索远程桌面，输入公用ip，连接需要输入密码和账户（就是刚刚重置的密码）

  

1.6登录成功，表示申请服务器步骤完成；

2.Nginx部署vue项目

2.1下载Nginx，将整个文件拖到（copy）到云服务器桌面上；

下载好的nginx压缩包，可输入提取码，自行下载；

百度网盘 请输入提取码百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固，支持教育网加速，支持手机端。注册使用百度网盘即可享受免费存储空间https://pan.baidu.com/s/1uaoCFau-ud5lUxAQf1qiYw

提取码：c8j2

2.2vue项目打包

npm run build 命令之前需要注意两点：

2.2.1 在vue.config.js中设置 

publicPath:"./",

2.2.2 在src/router/index.js中修改路由模式

  mode: 'hash',//哈希模式

2.3 npm run build 打包完成后把dist文件夹，复制到云服务器

2.4在云服务器中，以管理员身份打开powershell，找到nginx.exe的路径

2.4.1 启动nginx命令   

​​​​​​​./nginx.exe

2.4.2 cmd切换磁盘常用的命令

cd .. 返回上一级目录

cd / 到根目录

3.部署完成后，进行访问

公网ip/dist/.index.html

如果页面可以正常访问，说明部署到服务器成功；