在宝塔环境下安装VUE 及webpack

本文介绍了如何在宝塔环境中安装并部署Vue.js和Webpack应用。首先,通过安装PM2和MongoDB来搭建环境,然后创建站点并设置反向代理。接着,使用cnpm安装Vue.js和Vue-cli,创建基于Webpack的项目,并配置项目信息。最后,安装依赖,运行项目,通过修改package.json的端口设置,实现公网访问,并使用pm2进行进程守护。
摘要由CSDN通过智能技术生成

1、搭建环境--由于本人安装的是宝塔主机,因此如下:

由于我直接使用的是宝塔主机,直接去“软件管理”安装 PM2管理器。
安装好以后点击“设置”,找到“模块管理”,直接安装需要的模板,我使用的是nuxt,因此我也直接安装了 nuxt。 (这里安装有没有用我目前不太清楚,我只是知道我项目里使用了nuxt,所有我就顺便安装了,时间太忙也就没深入研究了)

2、添加站点

站点添加成功后修改站点配置文件,直接在配置文件顶部增加
upstream nodenuxt {
    server 127.0.0.1:3003; #nuxt项目 监听端口
    keepalive 64;
}
//以下为之前默认的数据,不用管
server {
    listen 80;
    server_name mysite.com;
    location / {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;  
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_set_header X-Nginx-Proxy true;
        proxy_cache_bypass $http_upgrade;
        proxy_pass http://nodenuxt; #反向代理
    }
}

3、设置反向代理

由于以上配置了 127.0.0.1:3003 
因此反向代理的目标URL也为 http://127.0.0.1:3003
发送域名:mysite.com  //项目的访问域名
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值