Vue3+Ts+nodejs通过宝塔控制面发布

一、通过ESC服务器配置宝塔页面

Centos/Alibaba Cloud Linux 安装命令：

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

Ubuntu/Deepin安装命令：

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

Debian安装命令：

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh

Fedora安装命令：

wget -O install.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh

执行安装命令，根据提示输入y回车确认安装即可

二、阿里云服务器添加安全组策略，根据上图给的端口号。

三、通过图一给的宝塔地址登录绑定账号。下载依赖。添加站点，可以用服务器地址➕端口号。

四、通过文件上传，项目通过npm run build打包输出dist文件夹

剩余两个为图片资源文件，由于vue3，ts中，把图片放在了pubilc文件夹中，这里也就新建了一个public，然后将另外两个文件夹移入，否则遇到的问题就是网页无法加载出对应的图片。

五、根据新建站点的端口，和之前一样去阿里云安全组进行设置。

六、上传成功以后，通过公网ip则可以访问。假如出现问题：刷新页面返回404not found。解决：找到配置文件的位置，在配置信息中加入：try_files $uri $uri/ /index.html;

七、终端下载nodejs，npm，在文件中导入后端的api，新建文件夹，导入除node_modules的文件。

curl -sL https://rpm.nodesource.com/setup_14.x | bash -
sudo yum install -y nodejs
通过node -v或者文件查询node的版本

导入以后，通过终端 npm install下载依赖。
打码处为下载以后生成的node_modules文件夹。

八、软件商店下载np2，点击设置

根据前面查看的node版本号，选择对应版本号

添加项目

备注：

查看对应防火墙端口是否全部打开

firewall-cmd --list-ports

添加指定端口到防火墙规则

firewall-cmd --zone=public --add-port=5002/tcp --permanent

重新加载防火墙配置

firewall-cmd --reload

测试后端api接口是否成功

可通过宝塔终端 curl + 访问的接口地址 判断后端接口是否成功。前端网络请求地址baseURL：公网ip➕端口

注意浏览器清除缓存！！！