前端项目部署

一、本地服务器部署：

解决页面刷新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