Ubuntu+Nginx+vue前端部署

pipidi

zhujingdi1998@gmail.com

ubuntu 安装Nginx 跳坑版本
安装

把build之后的vue的路径打出来 ubuntu@VM-0-6-ubuntu:~/dist$ pwd
/home/ubuntu/dist
然后修改nginx配置文件
sudo vim /etc/nginx/nginx.conf 在http 中添加server

http{

}
server {
        listen 7070;
        server_name _;



        location / {
            root /home/ubuntu/dist;
            index  index.html ;
      }

listen 指的是端口号
记住不要直接访问你的域名的80端口
他会被nginx的页面占用 无论你怎么弄都没用
然后这个root 就是你的dist的地址
index 是指向你的index.html
server_name 设置成这样是因为 可以完全匹配你的域名
然后就保存 sudo nginx -s reload 部署一下
sudo service nginx restart 重启部署

阅读量