vue publicpath

首页 / 图说知识 / 科技 | 2022-06-01 22:27:59 点击:0

vue怎么设置publicpath呢？不知道的小伙伴来看看小编今天的分享吧!

1、每次打包build完后，都单独生成一个/dist文件夹，且dist中每次都只有相同文件目录

2、部署的时候，是部署在服务器的一个/test文件夹下

打包后的文件目录：

12345

├─dist ├─css ├─img └─js index.html

一、不设置publicPath时，部署后请求路径：

12345

// vue.config.js
 
module.exports = {
  // publicPath: '',
}

二、设置为/时，部署后请求路径：




  test

// vue.config.js
 
module.exports = {
  publicPath: '/',
}




  test

三、设置为./时，部署后请求路径：

// vue.config.js
 
module.exports = {
  publicPath: './',
}




  test

四、设置为static时，部署后请求路径：

// vue.config.js
 
module.exports = {
  publicPath: 'static',
}




  test

五、设置为./static时，部署后请求路径：

// vue.config.js
 
module.exports = {
  publicPath: './static',
}




  test

六、设置为../static时，部署后请求路径：

// vue.config.js
 
module.exports = {
  publicPath: '../static',
}

123456789102212131415




  test

七、设置为../时，部署后请求路径：

// vue.config.js
 
module.exports = {
  publicPath: '../',
}




  test

以上就是小编今天的分享了，希望可以帮助到大家。

本站声明：本站部分文章来自网络，由用户上传分享，如若内容侵犯了您的合法权益，可联系我们进行处理。文章仅供大家学习与参考,不**本站立场。

*评论只允许汉字和全角中文标点符号。？！，等