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

vue publicpath

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

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

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

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

打包后的文件目录：

├─dist

├─css

├─img

└─js

index.html

1、不设置publicPath时，部署后请求路径：

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

二、设置为/时，部署后请求路径：

<!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>

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

3、设置为./时，部署后请求路径：

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

<!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时，部署后请求路径：

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

<!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时，部署后请求路径：

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

6、设置为../static时，部署后请求路径：

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

<!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、设置为../时，部署后请求路径：

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

<!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、驾驶证有效期为6年，到达后6年，如6个计分周期无记12分的，可以更换为10年有效期的驾驶证，如10年无记12分的，可以更换为长期有效的驾驶证，...
问答查看全文>>
大众1.6发动机用什么机油？

大众1.6发动机用原厂的5W/40机油。车辆如果是带T的发动机，因为构造比较精密，对机油要求较高，建议使用全合成机油，自然吸气式的发动机选择半合成机油也可以满足使用需求。选择不...
问答查看全文>>
车钥匙没电了怎么开车门?

汽车钥匙没电了的打开车门的方法：1、首先大家需要注意的是，钥匙没电不能开锁，但不意味着钥匙里的电池就真的一点电都没有了，那一点电量不足以让电池的RFID射频模块启动，自然就不能...
问答查看全文>>
精美句子赏析大全精美句子赏析

1、下午茶的芬香熏陶着房内的任何一个角落，午后的阳光透过窗帘的间隙洒在木制的桌面上，一份思念随着红茶顺滑至心中。2、幸福属于那些会哭泣之人，曾受伤之人。只有他们，才懂得对怎样去...
句子查看全文>>
2020宝马3系落地价多少钱啊?

2020宝马3系落地价需要40万元，配置：1、330i敞篷从外观看，并不算太过落伍！虽然内饰可能显得老气，但结合它的二手车售价，确实是一个能低成本拥有它的机会。要知道在新车时大...
问答查看全文>>

vue publicpath

增驾后清分日期?

大众1.6发动机用什么机油？

车钥匙没电了怎么开车门?

精美句子赏析大全 精美句子赏析

2020宝马3系落地价多少钱啊?

推荐

家常菜

精美句子赏析大全精美句子赏析