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

vue publicpath

人气:191 ℃/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>
  • 帅气的qq性签名

    1、原来我以为你只是个白莲花,没想到居然也有心机婊的成分在。2、道不同不相为谋,你讨厌我,我也未必喜欢你。3、我年轻,需要你指点,但不需要你指指点点。4、我知道带剑的不一定是剑...

    签名查看全文>>
  • 汽车加玻璃水要兑水吗?

    非浓缩型的玻璃水都是已经配置好,不需要兑水添加的:1、玻璃水是汽车挡风玻璃常用的清洗液,也是汽车中使用的消耗品;浓缩型玻璃水就需要兑水稀释的;2、优质汽车挡风玻璃水主要由水、醇...

    问答查看全文>>
  • 车窗一键升降失灵

    车窗一键升降失灵,可能是因为车窗的升降系统出现了问题,还有可能是因为汽车的蓄电池重新充电导致车窗的升降系统断电。导致这种情况的原因还有可能是因为相关的部件瞬间虚接断电导致的,在...

    问答查看全文>>
  • 全自动洗衣机品牌推荐 半自动洗衣机的优缺点

    半自动洗衣机简单地说就是一边是洗衣服的,而另一边是甩干的,可重复洗衣服的机器。这种洗衣机使用范围极广,究竟半自动洗衣机的优缺点有哪些?市面上的半自动洗衣机品牌又有哪些?全自动洗...

    品牌查看全文>>
  • 汽车方向盘回正是几圈呢

    方向盘朝任一方向打到极限是一圈半多一点,教练通常都叫两圈。回一圈是告诉你回到箭头朝上。两圈回正,是要你两次箭头朝上,将前轮摆正。如无法确定前轮处于什么位置,可朝任意方向打死,再...

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