vue publicpath
vue怎么设置publicpath呢？不知道的小伙伴来看看小编今天的分享吧!
1、每次打包build完后，都单独生成一个/dist文件夹，且dist中每次都只有相同文件目录
2、部署的时候，是部署在服务器的一个/test文件夹下
打包后的文件目录：
1
2
3
4
5
├─dist
├─css
├─img
└─js
index.html
1、不设置publicPath时，部署后请求路径：
1
2
3
4
5
// vue.config.js module.exports = { // publicPath: '',}
二、设置为/时，部署后请求路径：1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html><html lang=en><head> <title>test</title> <link href=/css/app.0b79487b.css rel=preload as=style> <link href=/js/app.ba2d9b8a.js rel=preload as=script> <link href=/js/chunk-vendors.e7ac9ff2.js rel=preload as=script> <link href=/css/app.0b79487b.css rel=stylesheet></head><body><div id=app></div><script src=/js/chunk-vendors.e7ac9ff2.js></script><script src=/js/app.ba2d9b8a.js></script></body></html>1
2
3
4
5
// vue.config.js module.exports = { publicPath: '/',}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html><html lang=en><head> <title>test</title> <link href=/css/app.0b79487b.css rel=preload as=style> <link href=/js/app.ba2d9b8a.js rel=preload as=script> <link href=/js/chunk-vendors.e7ac9ff2.js rel=preload as=script> <link href=/css/app.0b79487b.css rel=stylesheet></head><body><div id=app></div><script src=/js/chunk-vendors.e7ac9ff2.js></script><script src=/js/app.ba2d9b8a.js></script></body></html>3、设置为./时，部署后请求路径：
1
2
3
4
5
// vue.config.js module.exports = { publicPath: './',}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html><html lang=en><head> <title>test</title> <link href=css/app.0b79487b.css rel=preload as=style> <link href=js/app.8569d42d.js rel=preload as=script> <link href=js/chunk-vendors.e7ac9ff2.js rel=preload as=script> <link href=css/app.0b79487b.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.e7ac9ff2.js></script><script src=js/app.8569d42d.js></script></body></html>4、设置为static时，部署后请求路径：
1
2
3
4
5
// vue.config.js module.exports = { publicPath: 'static',}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html><html lang=en><head> <title>test</title> <link href=static/css/app.0b79487b.css rel=preload as=style> <link href=static/js/app.d0717808.js rel=preload as=script> <link href=static/js/chunk-vendors.e7ac9ff2.js rel=preload as=script> <link href=static/css/app.0b79487b.css rel=stylesheet></head><body><div id=app></div><script src=static/js/chunk-vendors.e7ac9ff2.js></script><script src=static/js/app.d0717808.js></script></body></html>5、设置为./static时，部署后请求路径：
1
2
3
4
5
// vue.config.js module.exports = { publicPath: './static',}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html><html lang=en><head> <title>test</title> <link href=static/css/app.0b79487b.css rel=preload as=style> <link href=static/js/app.d0717808.js rel=preload as=script> <link href=static/js/chunk-vendors.e7ac9ff2.js rel=preload as=script> <link href=static/css/app.0b79487b.css rel=stylesheet></head><body><div id=app></div><script src=static/js/chunk-vendors.e7ac9ff2.js></script><script src=static/js/app.d0717808.js></script></body></html>6、设置为../static时，部署后请求路径：
1
2
3
4
5
// vue.config.js module.exports = { publicPath: '../static',}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html><html lang=en><head> <title>test</title> <link href=../static/css/app.0b79487b.css rel=preload as=style> <link href=../static/js/app.695b7ccc.js rel=preload as=script> <link href=../static/js/chunk-vendors.e7ac9ff2.js rel=preload as=script> <link href=../static/css/app.0b79487b.css rel=stylesheet></head><body><div id=app></div><script src=../static/js/chunk-vendors.e7ac9ff2.js></script><script src=../static/js/app.695b7ccc.js></script></body></html>
7、设置为../时，部署后请求路径：
1
2
3
4
5
// vue.config.js module.exports = { publicPath: '../',}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html><html lang=en><head> <title>test</title> <link href=../css/app.0b79487b.css rel=preload as=style> <link href=../js/app.67ace555.js rel=preload as=script> <link href=../js/chunk-vendors.e7ac9ff2.js rel=preload as=script> <link href=../css/app.0b79487b.css rel=stylesheet></head><body><div id=app></div><script src=../js/chunk-vendors.e7ac9ff2.js></script><script src=../js/app.67ace555.js></script></body></html>-
新款凯美瑞和新款雷克萨斯ES有什么区别？
不论是从品牌定位上还是车辆本身的定位上，雷克萨斯ES都要比凯美瑞更高级一些。首先两款车的品牌定位是不同的。凯美瑞属于丰田，是普通的汽车品牌，而雷克萨斯的品牌定位是豪华品牌。这就...
问答查看全文>> -
人生感悟的句子发朋友圈
1、自信是永不枯竭的源泉，自信是奔腾不息的波涛，自信是急流奋进的渠道，自信是真正的成功之母。2、总结成功的经验能够让人越来越聪明，总结失败的原因能够让人越来越谨慎。3、要铭记在...
格言查看全文>> -
情人节甜蜜表白文案2022
1、如果全世界都对你恶意相加，我就对你说上一世的情话。2、简约不是少，而是没有多余，足够也不是多，而是刚好你在。3、我要给未来丈母娘一个差评，发货太慢，到现在还没收到人儿，今年...
句子查看全文>>
推荐
- 1十字短句子347
- 2领克01电子挡怎么挂档，领克01档杆使用说明131
- 3翠尖茶属于什么茶301
- 4奔驰ml和gl的区别是什么？202
- 5心情不好发朋友圈的句子 心情不好发朋友圈的句子134
- 6关于展望未来的句子235
- 7本田CR-V还有不错的优惠，欲购从速272
- 8新车还没交税能上路吗？191