一、给VUE项目打包
1.开始打包
运行命令:
npm run build
2.找到打包好的 dist 文件夹
要记住这个dist文件放在了哪儿,记住哦!
二、服务器端安装宝塔面板
1.进入root用户并执行命令
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
安装全都 yes 即可,直到安装成功显示
2.按照“外网面板地址”,在客户端浏览器访问宝塔面板
输入服务器给出的 username 和 password
(请注意!若无法访问,则要查看服务器的防火墙是否开放了端口如:192.168.211.109:8888)
(如果没有放开端口,则要在云服务器控制面板上开放端口并且进入服务器重启防火墙)
3.注册一个新的宝塔账号,并登录宝塔
三、域名解析
1.打开阿里云域名控制台
2.进入域名解析
3.设置域名解析,添加域名前缀www等…
四、宝塔设置服务器绑定域名
1.添加域名
(请注意!域名在添加时不必额外指定端口号了除非有特殊需求,默认即可!!)
(请注意!域名在添加时不必额外指定端口号了除非有特殊需求,默认即可!!)
(请注意!域名在添加时不必额外指定端口号了除非有特殊需求,默认即可!!)
根目录等参数也都保持默认不必修改
2.点击“根目录”
3.上传已经打好的 dist 包(就是我们第一步打包好的vue工程)
4.回退到“网站”
5.点击“网站名”
6.添加带前缀的域名