一、本地服务器部署:
解决页面刷新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