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>-
昂科拉节气门多久清洗一次
昂科拉节气门多久清洗一次，这由车主的具体驾驶习惯和环境决定，并没有明确的标准，一般根据车辆最近行驶的环境和使用的油品做出判断。如果车主最近频繁使用汽车，并且车辆行驶环境很差，以...
问答查看全文>> -
儿童驱蚊液哪个牌子好 儿童驱蚊液十大品牌排行榜
为您整理了儿童驱蚊液哪个牌子好，分别有露安适/LELCH、家德宝、润本/RUNBEN、贝亲/PIGEON、宝宝金水、安速/ARS、青蛙王子、未来、蓝鲲、御信堂，告诉您2022儿...
品牌查看全文>> -
朋友圈正能量励志文案简短 励志温柔到爆的神仙句子
1、你是无条件被爱的，我永远在这里陪伴你等候你，就像阳光耐心等待花开一样，我在等待你的绽放，你的美丽现在只有我知道，而有一天，众人都会惊叹你的容颜，那由内而外的透亮，让你的美丽...
句子查看全文>> -
幸福一家人的文案(赞美一家人幸福的文案)
1、我宁愿用一小杯真善美来组织一个美满的家庭，不愿用几大船家具组织一个索然无味的家庭。2、家是什么？家，是一轮太阳。爸爸妈妈欢乐的笑容，合成一缕缕和暖的阳光。3、家是沙漠中的一...
句子查看全文>> -
吸盘怎么固定到中控台
可以使用厚点的双面胶粘在手机吸盘的支架底部，在将其固定到中控台上。中控台就是汽车驾驶正、副驾驶前面的工作台用于安装仪表盘以及具有储存功能的载体，中控台集中了汽车绝大部分的控制按...
问答查看全文>>
推荐
- 1八代雅阁有混动版车型吗423
- 2刹车异响是什么原因导致的336
- 38代雅阁电瓶多久换一次？461
- 4qq搞笑签名大全90后117
- 5汽车镀膜玻璃多少钱?260
- 6110马力的车足够使用吗117
- 7车辆提挡要多久?165
- 8实习总结报告精选339