建站优化

当前位置:

vue publicpath

浏览量:61次

vue publicpath

vue怎么设置publicpath呢?不知道的小伙伴来看看阳泰小编今天的分享吧!

1、每次打包build完后,都单独生成一个/dist文件夹,且dist中每次都只有相同文件目录

2、部署的时候,是部署在服务器的一个/test文件夹下

打包后的文件目录:

12345├─dist ├─css ├─img └─js index.html

一、不设置publicPath时,部署后请求路径:

12345
// vue.config.js module.exports = {  // publicPath: '',}
二、设置为/时,部署后请求路径:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

  test        

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

  test        

三、设置为./时,部署后请求路径:

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

  test        

四、设置为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

  test        

五、设置为./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

  test        

六、设置为../static时,部署后请求路径:

1

2

3

4

5

// vue.config.js module.exports = {  publicPath: '../static',}
123456789101112131415
  test        

七、设置为../时,部署后请求路径:

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

  test        

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【779898168@qq.com】,我们在确认后,会立即删除,保证您的版权。