vue 打包上线,路由存在2种方案
1/query方法传参方案
这种方案采用的是 ?id=3 的模式,所以我们正常打包即可!
但是会存在不在根目录的情况,这个时候,我们就需要调整下路径
找到/config/index.js文件
build: {
// Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './',//把/改成./即可
把绝对路径改为相对路径即可!
图片问题
这时候还会导致一个问题,即css内的背景图片!
我们需要改成相对的路径,首先我们看目录结构
|-static |--css |--images |--js
那么我们就需要把背景图片改成
background: #f6f6f6 url('./../images/bj.jpg') no-repeat top center;
相对的路径即可!
2、params方式传参!
这个如果上线服务器则需要配置Nginx才可!后续会更新配置方案
-
发表评论