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>-
哪些情况可以在应急车道停车
1、在开车过程中，汽车突然发生故障，可以停在应急车道上。比如车辆燃油耗尽、爆胎、转向失灵等导致无法驾驶的，可以停车在应急车道上等待救援。2、开车过程中，驾驶员突发疾病，不能再继...
问答查看全文>> -
简短易记生日祝福语 小棉袄生日祝福语简单
1、简短易记生日祝福语：2、愿你有肉有酒有姑娘，能贫能笑能干仗!3、满目青山夕照明，愿您老晚年幸福，健康长寿。4、生日快乐!永远健康!美丽动人!5、祝你生日快乐，往事随风，爱很...
祝福语查看全文>> -
本田CR-V有哪几种颜色
本田CR-V的外观颜色有彩晶黑、翡玉黑、赤霞红、琥珀棕、珍珠白和珠玉黄。讲实话，颜色的选择性并不是很多，对于一些个性化的选择很难满足，但也能满足大部分人的需求，主流颜色基本包含...
问答查看全文>> -
几何A车身颜色有几种
几何A车身颜色有5种，分别是0度白、11度银、18度金、26度蓝和100度红。几何A是几何汽车旗下推出的一款纯电动汽车，这款车的官方指导价格为21.00-25.00万元，为了满...
问答查看全文>>
推荐
- 1新福克斯加92号95号动力有区别吗210
- 2水果店创意名字大全462
- 3汽车定制有没有未来呢？422
- 4一句话暖心鸡汤短句 朋友圈鸡汤文金句288
- 5夏季汽车轰油门排气管出水?204
- 6绽妍白色和蓝色的区别 绽妍面膜适合什么人449
- 7黑牌使是什么车牌？270
- 8描写荷花的语句387