如何在Linux服务器上通过宝塔⾯板部署Vue项⽬
⽬录
⼀、⽬的
需要将本地的Vue项⽬部署到阿⾥云服务器上，使得项⽬可以被公⽹访问到。
⼆、具体步骤
2.1 在服务器上安装node环境和Nginx服务器
nginx部署前端项目Vue项⽬是基于node.js的，⾸先需要在服务器上安装node环境。直接在宝塔⾯板安装PM2管理器，⾥⾯内置了node环境。同时安装Nginx服务器。
2.2 打包本地项⽬
我的vue项⽬是基于nuxt框架，打包命令为
npm run build
2.3 上传打包⽂件到服务器
新建⼀个⽂件夹，将以下四个东西上传到服务器上的新建⽂件夹中
.nuxt //⽂件夹
static //⽂件夹
package.json //⽂件
2.4 在服务器上运⾏项⽬
在终端进⼊新建⽂件夹，执⾏以下命令
npm install //先安装依赖
npm run start //启动项⽬
2.5 使⽤Nginx代理
server
{
listen 80;
server_name _;    #_是指所有的域名匹配
location /{
proxy_pass 127.0.0.1:3000;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $remote_addr;
}
}
通过上述配置，我将公⽹的80端⼝映射到本地3000端⼝，如此就能通过公⽹来访问Vue项⽬啦。注意：将你希望被访问的端⼝开放。宝塔⾯板中的安全栏可以直接设置。
三、参考链接

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。