vue-cli搭建的项目打包之后报“资源路径错误&资源文件找不到“

Posted tlfe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli搭建的项目打包之后报“资源路径错误&资源文件找不到“相关的知识,希望对你有一定的参考价值。

//在项目的根目录下(和package.json文件同级)新建一个文件vue.config.js的文件,将此段代码复制进去。
module.exports = baseUrl: ‘/‘, //在 baseUrl前面加个点baseUrl: ‘./‘ outputDir: ‘dist‘, lintOnSave: true, runtimeCompiler: true, chainWebpack: () => , configureWebpack: () => , devServer: open: process.platform === ‘darwin‘, host: ‘localhost‘, port: 8080, https: false, hotOnly: false, proxy: null, before: app =>

注:如果打包之后还不能解决问题,找到你项目里面router.js文件,将mode:‘ history ’注释掉,如果还需要使用此模式,需要和后端进行配合使用,详情请查看官方文档 https://router.vuejs.org/zh/guide/essentials/history-mode.html

技术图片

 

以上是关于vue-cli搭建的项目打包之后报“资源路径错误&资源文件找不到“的主要内容,如果未能解决你的问题,请参考以下文章

vue打包后发布文件路径错误且报错Unexpected token <

搭建vue-cli项目和打包项目

vue-cli打包之后页面为空的问题。

Vue-cli 的服务器部署

在使用vue-cli脚手架工具进行项目搭建时,按照官方教程完成搭建运行时,竟然启动报错了

vue-cli打包项目后路径错误问题