宝安大型商城网站建设,word免费素材大全,小程序商店有哪些,wordpress物联网插件一、业务场景#xff1a; 最近项目开发完了#xff0c;需要部署一个测试版本和正式版本到线上#xff0c;测试版本前面需要加一个dev前缀#xff0c;遇到了一些坑#xff0c;分享给大家
二、目前效果 三、具体实现步骤#xff1a; #xff08;1#xff09;实现静态文…一、业务场景 最近项目开发完了需要部署一个测试版本和正式版本到线上测试版本前面需要加一个dev前缀遇到了一些坑分享给大家
二、目前效果 三、具体实现步骤 1实现静态文件加前缀
在vue.config.js文件里改变路径 publicPath: process.env.NODE_ENV production ? /dev/ : /dev/, 2更改router模式添加前缀
在配置路由模式的地方加上 base参数 export default new Router({base: /dev,mode: history,routes: constantRouterMap})
四、打包项目
根据package.json文件中的打包命令把项目打包一下 npm run build五、检查打包文件 确认一下打包后dist文件夹下面的index.html里面引入的文件前面的dev前缀有没有加上。 加上了在到nginx上进行部署否则在重复上面的操作不用往下进行没加上肯定是访问不了的。 六、将打包好的文件放入nginx服务器 请先确认打包的文件 前缀加上了在扔到服务器上 请先确认打包的文件 前缀加上了在扔到服务器上 请先确认打包的文件 前缀加上了在扔到服务器上 把dist文件夹的名字改成前缀名称 dev 放入nginx服务器的静态目录下面
七、nginx部署 部署命令如下 location /dev {alias html/dev;try_files $uri $uri/ /dev/index.html;index index.html index.htm;}八、效果展示 你已经成功了撒花。 今天的分享到此结束欢迎小伙伴们一起交流
