Vue 项目部署到阿里云服务器(Nginx 代理)
1.本地打包首先,要将本地 config/index.js 中的 assetsPublicPath: '/', 改为 assetsPublicPath: './', ,否则在会导致部署后网页无法显示然后 cnpm run build 打包生成 dist 文件夹2.安装 Nginx安装 epel (为 CentOS、Scientific Linux 提供高质量软件开发包)yum -y in...
·
查看 linux 服务器版本号
lsb_release -a
1.本地打包
首先,要将本地 config/index.js 中的 assetsPublicPath: '/',
改为 assetsPublicPath: './',
,否则在会导致部署后网页无法显示
然后 cnpm run build
打包生成 dist 文件夹
2.安装 Nginx
安装 epel (为 CentOS、Scientific Linux 提供高质量软件开发包)
yum -y install epel-release
安装 Nginx
yum install nginx
3.安装 node
yum install nodejs
安装 pm2(node 进程管理工具)
npm install -g pm2
4.上传
将 package.json 和 /dist 中的文件(/static、index.html)上传到 /var/www/项目名/
scp 本地文件 xxx@xxx:/var/www/项目名/
然后 npm install
安装依赖包
5.配置、启动
vi /etc/nginx/nginx.conf
root /var/www/项目名;
location / {
root /var/www/项目名;
index index.html;
}
location /api {
rewrite ^.+api/?(.*)$ /$1 break;
proxy_pass http://IP:8080;
}
重启 Nginx
nginx -c /etc/nginx/nginx.conf
然后在 /var/www/项目名 内 pm2 start dist
启动程序
可以 pm2 list
查看 pm2 启动的所有程序
更多推荐
已为社区贡献1条内容
所有评论(0)