服务器中下载宝塔面板

记住下面的账号密码，以及ip地址
在这里插入图片描述

打开宝塔面板，域名和授权ip都不用填，保存配置，开启面板

在这里插入图片描述

浏览器打开面板地址

输入账号密码（前面让你记住的密码输入进去）
在这里插入图片描述
在这里插入图片描述
登入以后，可能会提示你注册一下宝塔账号，注册完再返回宝塔面板即可

添加站点

在这里插入图片描述

点击确定

在这里插入图片描述

点击设置

在这里插入图片描述

修改监听端口为8889

在这里插入图片描述

打包vue项目

npm run build

在这里插入图片描述

在项目文件中会出现一个dist文件

在这里插入图片描述

将dist文件复制到wwwroot目录下

在这里插入图片描述

修改运行目录，保存

在这里插入图片描述

在阿里云打开安全组

在这里插入图片描述

重启nginx

在这里插入图片描述
在这里插入图片描述

在浏览器上面访问服务器外网ip

在这里插入图片描述

# vue.js # 服务器 # 前端
Logo
乐奇 Rokid 开放社区

更多推荐

cover

AI眼镜的赢家不在硅谷，在一个县城

avatar 乐奇 Rokid 开放社区
cover

ChatGPT流量不到Google的1%，机会在智能体搜索

avatar 乐奇 Rokid 开放社区
cover

极刻觅镜 | AI眼镜日报｜智能眼镜日报：XREAL AURA发布、参议员质询Meta隐私

avatar 乐奇 Rokid 开放社区