vue前端项目部署之nginx配置
1、确认nginx配置完毕
2、通过命令npm run build进行打包
3、复制dist文件夹,上传至/usr/local/nginx目录下
4、修改/usr/local/nginx/conf目录下的nginx.conf
#打开文件
vi nginx.conf
#修改说明:
监听端口:80;
修改:root 后面的html
替换为:/usr/local/nginx/dist
添加try_files帮助nginx文件查找时重定向,防止404;站点根目录,即网页文件存放的根目录, 默认主页目录在nginx安装目录的html子目录。
try_files $uri $uri/ /index.html?s=$uri&$args;
修改如下:
5、重启nginx服务:
1、查看nginx线程
ps -ef | grep nginx
2、若有运行的nginx,则杀掉
kill -9 端口号(注意,要杀两个端口号)
3、重启服务
/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
4、完毕
输入服务器ip即可查看