将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 服务器,一台服务器可部署多个站点
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 协议》,转载必须注明作者和本文链接
推荐文章: