解决vue+webpack打包路径的问题

来源：动视网责编：小采时间：2020-11-27 22:18:04

解决vue+webpack打包路径的问题:最近写了一个vue小项目，不想单独作为一个web项目发布，所以就准备放到资源项目的public文件夹下，遇到一些小问题，在此总结一下。资源路径如下： public目录配置的访问路径为/，在这样的情况下，我们的访问路径就变成了域名/vue-demo。访

推荐度：

点击下载本文 文档为doc格式

导读解决vue+webpack打包路径的问题:最近写了一个vue小项目，不想单独作为一个web项目发布，所以就准备放到资源项目的public文件夹下，遇到一些小问题，在此总结一下。资源路径如下： public目录配置的访问路径为/，在这样的情况下，我们的访问路径就变成了域名/vue-demo。访

而我们vue-router监听的路径还是”/”与”/component”，自然路径匹配不上。

所以我们需要修改routes，给每个path加上项目名，即”/vue-demo”，同时为了保证资源文件正确加载，打包时的 publicPath 也需要加上”/vue-demo”。

完毕！！

以上这篇解决vue+webpack打包路径的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

推荐度：

点击下载本文 文档为doc格式

标签：打包 VUE 解决