Vue项目+宝塔面板部署网站进行线上访问
一、首先搭建宝塔环境
推荐参考：
这里只说宝塔部署好之后怎么做了。
二、Vue项目进行打包
1、将package.json里scripts环境添加build打包项
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
}
2、讲vue.config.js中的publicPath或者assetpublicPath地址改为./
publicPath: "./"
3、讲路由文件router下的index.js文件中的mode属性设为默认hash
const router = new VueRouter({
// mode: "history", //注释即为默认的hash值
base: process.env.BASE_URL,
routes,
});
注意：如果2、3两步不进行，则会造成打包项目浏览器白屏现象
4、执行打包命令
npm run build
5、打包成功后的项目会在原项目文件夹中生成一个dist文件夹存放打包后的文件
我们只保留dist文件夹，至此Vue的打包已经完成，我们进入第三部分，部署。
三、讲打包项目部署到宝塔
1、进入宝塔面板，选择网站->添加站点。
2、域名：
1、需要进自己的阿里或者腾讯服务器进行域名解析和购买备案。
2、如果没有域名，则用自己宝塔ip:端口代替
3、数据库和PHP版本根据自己需求选择，一般数据库是mysql，PHP版本7以上，如是java项目则选择纯静态
3、提交之后，讲打包之后的dist文件上传到1中对应的根目录下
四、至此，项目已经部署成功，访问地址为IP:端口/dist
1、如不想加/dist，则将其中的文件放到根目录级别，删除根目录原有index。
2、后续可以通过站点管理进行购买的域名更新。
