vue的打包发布不是根目录问题

在vue里打包发布如果不在根目录下且得使用
mode: 'history',
的情况，比如微信登录不能携带#符不然会提示路径错误

// 在vue-route里
const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL+"/dist/",
    routes
})

// config/index.js
module.exports = {
// config.js
dev: {
    ...
    // 开发环境根目录 - 服务根目录 - 绝对路径
    assetsPublicPath: '/'
    ...
  }，
  build: {
    ...
    // 生产环境根目录 - 服务器访问路径 - 绝对路径或者./
    assetsPublicPath: '/dist/'
    ...
  }
}
//vue.config.js 
//判断是什么环境用什么路径
 module.exports = {
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
 }

//在nginx服务器上配置增加监控/dist下如果访问了就去抓dist里的index.html为主路径，但是这个有个缺点dist里得设置个404页面不然白屏好尴尬

location /dist/ {
    alias /home/www/lidaolin/dist; // 项目的真实路径
    index index.html;
    try_files $uri $uri/ /dist/index.html;
}

赏

×

写着玩做笔记

小编不易来个几毛也是钱

打开支付宝扫一扫，即可进行扫码打赏哦