vue项目打包好之后(打包及cli4的vue.config.js配置方法见:vue-cli4打包踩坑)我们就要部署了,作者采用的是阿里云疫情期间白嫖的半年服务器,系统是centos,进入正题。
Centos安装nginx并部署项目
-
我使用的是Secure CRT和 WinSCP,前者和xshell差不多,后者是文件传输软件,大家可自行百度安装
-
用SCP将打包好的dist文件放在服务器根目录下
-
用CRT连接服务器
-
安装nginx
安装命令yum install nginx
,出现确认时按y -
安装完成后,输入
service nginx start
启动nginx -
nginx默认安装在/etc/目录下,我们用cd命令:
cd /etc/nginx
,进入到nginx根目录下,在这里有一个nginx.conf配置文件,想要部署项目,需要修改这里相关的配置,我们用vim nginx.conf
进入按i键,下边会显示insert字样,代表此时可以进行编辑 -
进入之后找到server块,按照如下注释修改
配置完毕后按Esc退出编辑,然后按:wq
退出并保存,如果提示无法写入,无权限,或者改文件只读,请输入:set noreadonly
,然后再次:wq
,成功会返回命令界面
- 接着我们重启nginx服务器,
nginx -s reload
,如果提示失败,请输入nginx -c /etc/nginx/nginx.conf
,然后再次重启,到此为止,我们的项目就部署好了。
访问我们的服务器
喜欢的朋友们点个赞呗,么么哒