当前位置:家常菜>百科>科技>正文

vue publicpath

人气:309 ℃/2023-03-29 05:57:25

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、重型、中型载货汽车及其...

    问答查看全文>>
  • 宝宝一周岁生日朋友圈说说

    1、今天是最值记忆的一天,今天是最有意义的一天,今天是最重要的一天,今天是一年一度你的生日,在这美好的一天,送给你浓浓的祝愿:祝宝宝一周岁生日快乐,一生康健!2、宝宝,你知道吗...

    说说查看全文>>
  • K50国内有销售吗

    国内k50的销售模式是线下体验线上下单的方式,是没有现车可以买的。2018年8月,我国国产的第一台量产电动汽车k50正式上市,补贴后的价格在68万左右。在售的前途k50只有20...

    问答查看全文>>
  • 朋友圈说说消息

    1、我们说过的话,做过的事,遇过的人,每一个现在,都是我们以后的回忆。无须缅怀昨天,不必奢望明天,只要认真过好每个今天。2、不要欺骗任何相信你的人,不要相信任何欺骗你的人。3、...

    说说查看全文>>
  • 吉利博瑞属于什么车

    吉利博瑞属于国产自主中型轿车,是吉利汽车旗下旗舰级车型。主要竞争对手包括合资品牌的主流A+紧凑型轿车,例如大众速腾、凌渡、朗逸PLUS、宝来、本田思域、日产轩逸、丰田卡罗拉等。...

    问答查看全文>>
本网站部分内容、图文来自于网络,如有内容侵犯您的合法权益,请及时与我们联系,我们将第一时间安排核实及删除!
CopyRight © 2007-2024 家常菜 All Rights Reserved. 手机版