vue标签
build

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才可!后续会更新配置方案

相关内容

发表评论

验证码:
点击我更换图片

最新评论