微客导航 » 文章资讯 » vue-cli设置publicPath小记

vue-cli设置publicPath小记

2023-07-27 04:59:04 215

几种设置publicPath后，再对比打包后的index.html文件

测试背景：

打包后的文件目录：

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

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

http://111.222.333.444:8888/css/app.0b79487b.css

//vue.config.js

module.exports={
//publicPath:'',
}




test

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

http://111.222.333.444:8888/css/app.0b79487b.css

//vue.config.js

module.exports={
publicPath:'/',
}




test

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

http://111.222.333.444:8888/test/css/app.0b79487b.css

//vue.config.js

module.exports={
publicPath:'./',
}




test

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

http://111.222.333.444:8888/test/static/css/app.0b79487b.css

//vue.config.js

module.exports={
publicPath:'static',
}




test

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

http://111.222.333.444:8888/test/static/css/app.0b79487b.css

//vue.config.js

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




test

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

http://111.222.333.444:8888/static/css/app.0b79487b.css

//vue.config.js

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




test

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

http://111.222.333.444:8888/css/app.0b79487b.css

//vue.config.js

module.exports={
publicPath:'../',
}




test

到此这篇关于vue-cli设置publicPath小记的文章就介绍到这了,更多相关vue-cli设置publicPath内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！