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
转载于:https://www.cnblogs.com/tlfe/p/11226622.html
vue-cli搭建的项目打包之后报“资源路径错误资源文件找不到“相关推荐
- vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
- cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
- Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目
Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目 源码(欢迎star): 前端项目代码 后端项目代码 系列文章: Vue整合SpringBoot项目实战之后端业务处理 ...
- Vue CLI3搭建的项目中,如何给文件夹起别名?
因为这段大年的时间里,好久没写博客了,是好懒散了.真的是少年易老学难成,一寸光阴不可轻啊.浪费一秒钟是一秒钟的罪过. 我们使用Vue CLI3搭建的项目中,在vue.config.js文件中,在给文件 ...
- Vue - vue+webpack创建的项目打包发布至服务器,页面空白及背景图片不显示问题解决
vue+webpack创建的项目打包发布至服务器,页面空白及背景图片不显示问题解决 一. 页面显示空白 二. 背景图片不显示 一. 页面显示空白 解决方法: config > index.js ...
- nuxt项目打包后阿里云播放器错误:ReferenceError Aliplayer is not defined
nuxt项目打包后阿里云播放器错误:ReferenceError: Aliplayer is not defined 这个问题搞了我一天,阿里云视频播放有时点进去是好的,有时候就报错,而且一刷新也报这 ...
- 如何使用vue组件搭建网页并打包发布
vue组件化项目搭建及编译打包发布 引言 开发环境 开发环境介绍 开发环境安装 使用模板创建项目 编译及打包发布 引言 最近开始学习Vue,Vue 是一个前端框架,特点是数据绑定和组件化.网上很多教程 ...
- VUE环境搭建和项目创建-win平台
今天是2021-04-06,vue3已经发布好久了,所以本文用的都是现在时间最新版的 一.搭建node环境 参考这个: node环境搭建 二.安装vue脚手架 Vue CLI 4.x 需要 Node. ...
- Vue项目打包部署教程及常见错误-前端开发
目录 通用指南 打包 部署 1.静态或独立于后端部署前端应用时 2.Vue CLI 处理静态资源并和后端框架一起作为部署的一部分时 常见错误 一.publicPath引起的错误 二.在 history ...
最新文章
- CUDA高性能计算经典问题:前缀和
- 深入redis内部--实现双向链表
- Unicode utf8等编码类型的原理
- 手脱EZIP v1.0
- MVC如何添加Model
- dos如何修改远程服务器的密码,dos命令登入远程服务器
- ARP 地址解析协议
- 多选框实现全选_Angular1.x-checkbox-全选amp;单选amp;多选
- IEEE 1588 校时
- 【jQuery笔记Part1】10-jQuery操作html-获取设置
- 第 0 章 Readme
- JavaScript中的[]和{}
- python小结_Python小结
- [转]Angular: Hide Navbar Menu from Login page
- 计算机0表示负数,计算机原码反码补码_0
- asp毕业设计—— 基于asp+access的图书管理系统设计与实现(毕业论文+程序源码)——图书管理系统
- kinect_v2-ros(iai_kinect2)安装,环境ubuntu1604+INTEL+NVIDIA
- 英语谚语大全(3267条)
- 2048游戏制作html,一个自制的2048小游戏(一)
- java系列之redis基础
热门文章
- SAP Spartacus初始化时和user token相关的APP INITIALIZER
- SAP S/4HANA销售订单的类型建模细节
- android应用程序的自动更新升级(自身升级,通过tomcat),[SaltStack] Minion-conf自动更新...
- linux如何自动调jiaob,最牛B的 Linux Shell 命令 系列连载(四)
- audiorecord怎么释放_Android 开发 AudioRecord音频录制
- python测试代码性能_使用python timeit 模块检测代码性能
- tensorflow一维卷积输入_tensorflow中一维卷积conv1d处理语言序列的一点记录
- 电脑开机动画_领克的开机画面,你修改了?
- winform 实现qq代理_会一百种引流方法,还不如会用一个QQ引流群控
- ansible(自动化运维中)——ansible常用模块