一、本地服务器部署:
解决页面刷新404问题:
1、使用 hash 模式
 
2、当路径不匹配的时候,直接访问 index.html
 
3、使用插件:connect-history-api-fallback
 
https://www.npmjs.com/package/connect-history-api-fallback
npm install --save connect-history-api-fallback
解决请求地址的代理问题:
https://www.npmjs.com/package/http-proxy-middleware
二、本地 nginx 服务器部署:
 
更改
nginx.conf文件:

三、云服务器部署:
1、买一个云服务器,自己玩就用轻量级服务器
2、下载xShell:写命令
 
https://www.xshell.com/zh/free-for-home-school/
 连接服务器
3、下载 xftp:传文件
 
https://www.xshell.com/zh/xftp/
 在 var 目录下新建一个项目文件夹,将 dist 中的所有文件放在新的文件夹中
4、在xShell 的服务器中,安装nginx:
 
yum install nginx
 然后在etc中找到nginx 文件夹,表示安装成功
5、更改nginx 配置:
 
6、在xShell 的服务器中,运行服务器:
 
service nginx start