• 美食
  • 健康
  • 科技
  • 教育
  • 生活
  • 旅游
  • 问答
    1. 句子
    2. 名言
    3. 语录
    4. 格言
    5. 说说
    6. 签名
    7. 热词
    8. 祝福语
    9. 歇后语
  • 时尚
  • 游戏
  • 百科
    • 　当前位置：家常菜>百科>科技>正文

    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. 手机版