vue项目打包后部署到nginx

首先,在ws的命令行,输入:npm run build

vue项目打包后部署到nginx

然后进入项目的根目录,将打包后的文件压缩成zip,以备上传到linux

vue项目打包后部署到nginx

然后,在系统根目录新建目录:mkdir go_project/front

进入 此目录 cd go_project/front

上传刚刚打包的文件 rz......(弹出窗选择)

上传完成后,执行解压命令:unzip  dist.zip

然后配置nginx

vue项目打包后部署到nginx

注意

nginx重启后,页面一直报 403 forbidden 。。。百思不得其解,后来查百度,找到原因

启动用户和nginx的工作用户不一致所致

查看nginx的启动用户,发现是nobody,而我是用root启动的
ps aux | grep "nginx: worker process" | awk '{print $1}'

输入以上命令,出现  nobody  root

然后修改nginx的conf,vim nginx.conf,修改如下

vue项目打包后部署到nginx

重启nginx,完成