阿里云服务器上传vue项目及其所需配置

1.搭建环境：

• Nginx
• node.js

1.1 配置Nginx

1.在宝塔界面下载好nginx

2.在目录/www/server/nginx/conf下找到nginx.conf配置文件

location / {

try_files $uri $uri/ @router;

index index.html;

}

location @router {

rewrite ^.*$ /index.html last;

}

1.2配置node.js

一下用xshell做演示，如果没有请在官网下载

参考文献：(197条消息) 云服务器安装配置Nodejs（以阿里云为例）_人间游客的博客-CSDN博客_支持nodejs的云服务器

1.下载node.js安装包(zip格式)并上传到/user/local/目录下

2.解压：tar -xvf node-v16.13.1-linux-x64.tar.xz

3.修改目录名称

4.配置环境变量（重点）

进入usr/local.node.js/bin目录

输入vi .bash_profile

在PATH=$PATH:$HOME/bin 后面加入user/local.node.js/bin

输入source .bash_profile 使配置生效

5.建立软链接

ln -s /usr/local/nodejs/bin/node /usr/local/bin/node

ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm

输入node -v 和npm -v若出现版本号则配置成功

2.发布vue项目

1.打包vue项目 npm run build

成功后你会在项目文件中看到dist这就是我们要上传到服务器的项目

打开宝塔

进入我们需要放vue项目的文件夹下

一定要于nginx配置文件中的路径一样

直接上传

打开浏览器输入公网ip地址即可打开项目