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>-
长安cs55油耗是多少？
长安cs55油耗是6.5至6.6l，油箱是汽车上的装燃料的容器，是液压系统中储存液压油或液压液的专用容器，可分为开式油箱和闭式油箱两种。以长安cs55的2019款1.5T手动炫...
问答查看全文>> -
描写雨天美好优美的句子
1、最近几天老是下雨，真想把一片苏菲扔进云层，把水分都吸干。2、窗外下着蒙蒙细雨，滴滴的小雨点，好像伴奏着一支小舞曲，我不禁被窗外的世界所诱惑。3、逝水流年的青春之痛，抵不过纠...
句子查看全文>> -
新鲜牛肉怎么保存时间长
很多人有时候买了很多的新鲜牛肉，但是一天之内没有吃完该怎么保存呢？1、在冷冻牛肉之前，首先要检查冰箱的温度是否正确。肉类将保持最长和最好的冰箱在-18°。如果温度过高，冰晶会迅...
生活查看全文>> -
直线驾驶如何判断车头
汽车直线驾驶对车感相当差的人来说是相当困难的，以道路中间的分道线做为参考物是非常多小伙伴的生活习惯，每个人身高有差异，车头的看点也不一定一样，这里以车头左顶角为参考，让车头左顶...
问答查看全文>> -
etc记账卡什么时候扣费记录?
etc记账卡记录扣费日期：1、使用ETC记账卡通过高速公路收费站时怎不收费，系统会记录通行情况，自动分次从用户授权绑定的银行账户中扣除相应的费用；2、直接绑定个人信用卡，自动扣...
问答查看全文>>
推荐
- 1领克的1.5t发动机是不是三缸的211
- 2福克斯曲轴位置传感器在哪？491
- 3卡罗拉双擎离地间隙是多少302
- 4雷克萨斯ux发动机号在什么位置267
- 5苹果在生活中的妙用470
- 6逸行加多少号汽油合适313
- 7珍惜时间的名言或格言366
- 8现代瑞纳离合器拨片响怎么解决?436