将前端项目部署到nginx
0、必备的linux命令:
1、进入nginx目录:cd /usr/local/nginx/
2、启动nginx:sh sbin/nginx
3、停止nginx:sbin/nginx -s stop
4、重启nginx:sbin/nginx -s reload
5、解压dist.zip: unzip dist.zip
6、删除dist文件夹以及其子文件夹 : rm -r dist
1、登录
通过账号、密码登录服务器
2、查看当前文件或目录的详细信息
使用指令ll
罗列出当前文件或目录的详细信息。
3、进入首页
~ cd /home
4、新建文件夹并cd进去
~ mkdir 自定义文件夹名
~ cd 自定义文件夹名
5、上传前端dist包
在 /home/自定义文件夹名
下将dist压缩包扔进来
6、解压dist包
~ unzip dist
7、进入nginx目录
~ cd /usr/local/nginx
8、进入配置文件目录
~ cd conf/
9、修改配置文件
~ vim nginx.conf
配置访问路径和端口,参考配置如下:
server {
listen 8099;
server_name localhost;
client_max_body_size 200m;
underscores_in_headers on;
location / {
alias home/刚刚自定义的文件夹名/dist/;
index index.html;
try_files $uri $uri/ /index.html;
}
}
:wq 退出编辑
双击dd删除
10、cd进nginx
~ cd ../
11、cd sbin
~ cd sbin
12、启动nginx
~ ./nginx