【JavaScript源代码】Vue项目打包部署到apache服务器的方法步骤.docx
版权申诉
113 浏览量
2021-12-29
20:15:52
上传
评论 1
收藏 16KB DOCX 举报
1
Vue 项目打包部署到 apache 服务器的方法
步骤
vue 项目在开发环境下，让项目运行起来，是通过 npm
run dev 命令，原理是在本地搭建了一个 express 服务器。
但是在服务器上就不是这样的，必须要通 npm run
build 命令来对整个项目进行打包，打包后会在项目目录下
生成一个 dist 文件夹，内容如下：
然后就是把这些文件丢到服务器上的某个文件夹下，我
这里的文件夹名字是 ibms
1. 直接去访问 http://www.xxx.com/ibms/，会发现网
页是白屏的，什么都没有，这就比较奇怪了，其实是因为资
源加载的路径有问题！
解决方法：
在 config 中的 index.js 里 build 下修改 webpack 配置：
assetsPublicPath: '/ibms/'
在 router 中的 index.js 配置中加上：
export default new Router({
mode: 'history',
scrollBehavior: () => ({ y: 0 }),
base: '/ibms/', // 加上这一行
资源评论
