vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

时间:2022-09-06 20:42:50

vue-cli 项目 build  出错点:

  1,build生成dist 放在tomcat上 报错,不显示内容 

    解决办法: config>index.js===>assetsPublicPath: '/',  修改为 assetsPublicPath: './',

  vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

  note:如果css中图片不显示,打开“build/utils.js”,增加一行代码即可

vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

  2,用 axios 请求本地 static 文件中的JSON 文件报错, static文件不经过编译,需要配置根目录

    解决办法:配置

    'static':path.resolve(__dirname, '../static'),

      vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

    目录如下:

                      vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

 

  3,build 不成功 报错 ===> 因为适口标签写的不正确

  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  不报错

  

  下边这个报错,报文如下:(不知道什么原因)

  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no", viewport-fit=cover" />

vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法

vue-cli项目 build后请求本地static文件中的 json数据,路径不对,报错404处理方法的更多相关文章

  1. js读取本地txt文件中的json数据

    list.txt内容 [ {"optionKey":"1", "optionValue":"Canon in D"}, ...

  2. vue 构建项目遇到的请求本地json问题

    在本地测试的json没有问题,但是打包后,发现json 的路径不对了,变成了绝对路径 解决方法: 建立的json文件需要放置  根目录/static下.如项目名/static/data.json,这边 ...

  3. 前端vue项目部署到tomcat,一刷新报错404解决方法

    公司前端写的后台部署到tomcat webapps目录下后,无法进行刷新,一刷新就会报错404,自动跳的404页面.在网上查了下,官方说是HTML5 History 模式引发的问题,但是解决方案中,并 ...

  4. vue-cli 3&period;x版本执行vue ui命令后提示Error&colon; Cannot find module &OpenCurlyQuote;core-js&sol;modules&sol;es7&period;object&period;entries’报错的解决方法

    我的方法是:npm install --save core-js(全局安装竟然不行,必须局部) vue-cli新版提供了界面化项目管理的功能,简直一万个赞! 在安装 vue-cli 3.x  版本后, ...

  5. Springboot项目打成war包,部署到tomcat上,正常启动访问报错404

    前言: 项目介绍,此项目是一个Maven多模块项目,模块项目:all(父模块):util (公用的工具类):dao(实体类.业务类.mapper.mapper.xml):business(业务serv ...

  6. 【转】Latex编译报错后中断编译并改正,然后重复出现不明原因报错的解决方法

    转自:https://www.douban.com/note/419828344/ 目录: 一.问题描述 二.测试情况(可以跳过,直接看建议) 三.建议 四.参考资料 正文: 问题描述: 错漏某个符号 ...

  7. Vue打包发布到Tomcat后,刷新报错404解决方法

    在应用下面加 WEB-INF 建 web.xml 内容如下 <?xml version="1.0" encoding="ISO-8859-1"?> ...

  8. maven 项目 pom&period;xml文件中配置的jar包下载报错

    [ERROR] [ERROR] Some problems were encountered while processing the POMs:[ERROR] 'dependencies.depen ...

  9. 关于IDEA中maven项目中在pom&period;xml导入依赖报错的解决方法

    报错详情 今天使用springcloud中的hystrix做服务降级的时候,导入下面的依赖,出现红色波浪线的报错信息 <dependency> <groupId>org.spr ...

随机推荐

  1. python生成透时图片and 写文字

    import Image from get_png import getpng def transparent(infile): #open png,covert it into 'RGBA mode ...

  2. request&comma; session&comma; application辨析(待更新)

    作用域 request < session < application 分析 1. request 只在一次请求中有效,当请求发送变化时,信息将失效. 2. session 在当前一次会话 ...

  3. Linux C中结构体初始化

          在阅读GNU/Linux内核代码时,我们会遇到一种特殊的结构初始化方式.该方式是某些C教材(如谭二版.K&R二版)中没有介绍过的.这种方式称为指定初始化(designated in ...

  4. 【多线程】Future和FutureTask以及CompletionService

    Future接口 此接口主要用于: 代表异步计算的执行结果: 用于可取消的task:(比使用interrupt实现取消要方便 ) FutureTask类 FutureTask是Future的一个实现类 ...

  5. OpenStack Havana 部署在Ubuntu 12&period;04 Server 【OVS&plus;GRE】(三)——计算节点的安装

    序:OpenStack Havana 部署在Ubuntu 12.04 Server [OVS+GRE] 计算节点: 1.准备结点 安装好ubuntu 12.04 Server 64bits后,进入ro ...

  6. 进制转换,杭电0j-2031

    进制转换,杭电0j-2031原题地址:http://acm.hdu.edu.cn/showproblem.php?pid=2031 [Problem Description] 输入一个十进制数N,将它 ...

  7. 在linux中导入sql文件的方法分享&lpar;使用命令行转移mysql数据库&rpar;

    因导出sql文件 在你原来的网站服务商处利用phpmyadmin导出数据库为sql文件,这个步骤大家都会,不赘述. 上传sql文件 前面说过了,我们没有在云主机上安装ftp,怎么上传呢? 打开ftp客 ...

  8. DevExpress控件的GridControl实现行多选

    最近用到DevExpress控件的GridControl控件,需要用到行多选的操作,在网上找的资料,自己总结一下. 先展示一下效果:

  9. Android简易实战教程--第三十八话《自定义通知NotifiCation》

    上一篇小案例,完成了一个普通的通知,点击通知启动了一个活动.但是那里的通知没有加入些"靓点",这一篇就给它加入自定义的布局,完成自定义的通知. 应用:比如QQ音乐为例,当点击音乐播 ...

  10. DS二叉树--二叉树之父子结点

    题目描述 给定一颗二叉树的逻辑结构如下图,(先序遍历的结果,空树用字符‘0’表示,例如AB0C00D00),建立该二叉树的二叉链式存储结构. 编写程序输出该树的所有叶子结点和它们的父亲结点 输入 第一 ...