将vue站点部署到服务器

1. 进入 vue 站点目录,生成 dist 文件夹

npm run build

2. 创建一个 git 库,将 dist 内容推送上去,生成 git 地址,在 ubuntu 服务器上克隆下来

git init 
git add .
git commit -m "first commit"
git remote add origin 你创建的库地址
git push -u origin "master"

3. 域名解析,将域名解析到自己的 ubuntu 服务器,一台服务器可部署多个站点

将vue站点部署到服务器

将vue站点部署到服务器

4.ubuntu 站点配置,配置 nginx
/etc/nginx/sites-available/default

server {
        listen 80;
        listen [::]:80;
        server_name 域名;
        index index.html;
        root /var/www/站点目录;
        location ^~/api/ {
           proxy_pass 接口地址/api/;
        }
        location / {
         try_files $uri $uri/ @router;
         index index.html;
        }

        location @router {
        rewrite ^.*$ /index.html last;
        }
}

重启 nginx 服务

sudo service nginx restart
本作品采用《CC 协议》,转载必须注明作者和本文链接