摘要:刚新建的项目,同事说要打包一版进行测试,打包完成后放在上发现路径报错问题。查阅配置代理但是这个配置打包完之后依旧报错,看了原因,是的路径还是有问题,把路径改为就能找到对应的路径了,以下为修改后代码关键点在这调整内部的配置。
刚新建的vue-cli项目,同事说要打包一版进行测试,打包完成后放在tomcat上发现路径报错问题。
百度了一下,怀疑是build里面没有定义路径问题,度友提供了解决方案:
找到config文件夹下的index.js文件,修改路径代码
找到build对象,修改属性assetsPublicPath为 ‘./’
但是由于vue-cli项目中已经没有config文件夹,需要在根目录下创建vue.config.js
具体配置网上查了一下,用了一个推荐的配置:
module.exports = { baseUrl: "/", outputDir: "dist", lintOnSave: true, runtimeCompiler: true, //关键点在这 // 调整内部的 webpack 配置。 // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md chainWebpack: () => {}, configureWebpack: () => {}, // 配置 webpack-dev-server 行为。 devServer: { open: process.platform === "darwin", host: "0.0.0.0", port: 8080, https: false, hotOnly: false, // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理 proxy: null, // string | Object before: app => {} } }
但是这个配置打包完之后依旧报错,看了原因,是baseUrl: "/"的路径还是有问题,把路径改为baseUrl: "./"就能找到对应的路径了,以下为修改后代码:
module.exports = { baseUrl: "./", outputDir: "dist", lintOnSave: true, runtimeCompiler: true, //关键点在这 // 调整内部的 webpack 配置。 // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md chainWebpack: () => {}, configureWebpack: () => {}, // 配置 webpack-dev-server 行为。 devServer: { open: process.platform === "darwin", host: "0.0.0.0", port: 8080, https: false, hotOnly: false, // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理 proxy: null, // string | Object before: app => {} } }
结果:
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/105673.html
摘要:加载百度地图后报错的,我们再加载一遍你的秘钥你的秘钥为当前时间戳获取方法 一、环境搭建 1、安装node.js在计算机中https://nodejs.org/en/download/ (此为node.js官方下载地址)安装完成后打开cmd命令提示符 node -v //查询node版本号 npm -v //查询npm版本号 2、如果npm使用网速跟不上...
摘要:修改完毕后再次打包,页面还是空白页,打开控制台,也没有抱任何错误,查看元素,资源路径也是正确的,如图右侧红框再次陷入崩溃,控制台无任何报错,于是就去各大网站找相关文章,好在一篇文章提到的模式。 由于对脚手架这些东西,运用不是太熟,所以在打包项目时遇到一些小坑,在此做一下小结:首次打包完毕,在本地打开dist下的入口页面index.html时,页面展示了一个大大的空白,打开控制台显示未发...
摘要:初始化项目测试服务已经准备前提已经准备好了注意一键部署都可以使用在根目录新建文件夹类容如下类容如下文件类容如下正在发布到生产测试服务器这个路径是你需要上传到服务器的文件夹路径发布失败成功发布到生产测试服务器文件类容如下读取环境变量文件判断打 初始化vue项目, 测试服务已经准备(前提已经准备好了) 注意: 一键部署 vue2.0~3.0 都可以使用 1、在根目录 新建deploy 文件...
阅读 2799·2021-11-15 11:39
阅读 1786·2021-09-24 09:48
阅读 1027·2021-09-22 15:36
阅读 3518·2021-09-10 11:22
阅读 2954·2021-09-07 09:59
阅读 906·2021-09-03 10:28
阅读 624·2021-09-02 15:15
阅读 2716·2021-08-27 16:24