VUE项目打包后上传IIS后JSON文件读不出来

最新推荐文章于 2024-07-16 16:47:39 发布
最新推荐文章于 2024-07-16 16:47:39 发布
阅读量994 收藏
点赞数 2
分类专栏： VUE IIS 文章标签： IIS VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38596005/article/details/103274291
版权
在Windows 7系统中，由于IIS版本较低，默认缺少JSON MIME类型，导致Vue项目打包后无法读取JSON文件。解决方法包括手动添加JSON MIME类型（text/json或application/x-javascript）和添加处理程序映射，重启网站后问题得到解决。
摘要由CSDN通过智能技术生成

VUE项目打包后上传IIS后JSON文件读不出来
情况如下，
出错提示

后来发现是我的电脑使用的WIN7系统，IIS可能是版本太低，所以没有JSON的MIME类型，需要手动添加

添加步骤如下
1、如下图在左边选择你要设置的网站，在IIS中选择MIME类型，双击进入。
在这里插入图片描述
2、进入后选择搞作中添加，会弹出添加MIME类型对话框，在文件扩展名中输入".json",在MIME类型中输入"text/json”或者“application/x-javascript”（不要双引号）.点击确认，再重启网站即可
在这里插入图片描述
3.若以上步骤还不能读到JSON数据，则在IIS需要再添加“处理程序映射”，步骤如图在这里插入图片描述

就好了！

感谢

风飘江湖
关注
专栏目录
在vue页面中通过axios获取本地static文件夹下的json文件
qq_40693615的博客
01-03 3434
在vuejs页面中通过axios获取本地static文件夹下的json文件 vue cli3.0访问本地JSON文件 在vue-cli3中使用axios获取本地json 我最终采用了这个办法： element-ui table 页面加载时，动态渲染后台传过来的数据（springmvc） 甚至有可能会出现这个bug TypeError: props.sections.reduce is not a ...
vue.config.js 全局配置
热门推荐
轻风细雨_林木木
03-20 2万+
1.Webpack配置实例 参考：https://cli.vuejs.org/zh/config/ vue.config.js vue.config.js 是一个可选的配置文件，如果项目中存在这个文件，那么它会被 @vue/cli-service 自动加载，你也可以使用 package.json 中的 vue 字段配置，但是package.json中需要严格遵照 JSON 的格式来写。 文件初始值： /** * @type {import('@vue/cli-service').ProjectOpti
(vue)Vue读取public中的json文件,打包后只需更改包文件
最新发布
nyf_unknow的博客
07-16 646
背景：增加账号需求。原本是在页面，每次都需技术人员添加再打包部署，现在放到json里，以后直接服务器改json就行。第一步、pubulic下新建json文件（打包后dist里边也会有）第二步、userArr.json。第三步、request.js。
vue项目打包之后放在服务器上测试的时候访问不到本地json数据的解决方法
inticaler的博客
05-08 3173
上面的代码表示在本地开发项目时模拟后端数据。项目打包之后放在服务器上，json的路径需要按照原来的json实际路径放置才会访问到（/api/index.json）
vue3+vite本地json文件打包与读取时遇到的问题
m0_72072486的博客
04-19 1398
若是放在src文件夹下在打包的时候本地json文件打包不进去。推荐把本地json文件放在public文件夹中。本地json数据在vue3中可以直接读取。
vue 加载静态json文件打包后更换json内容不起作用
西鱼的博客
04-24 3822
之前是向下面直接把json文件引入，但是打包以后，调取的json文件还是未改之前的内容。所以找到了别的办法。 import api from '../../static/serverConfig.json' 然后找到了办法，引入了一个js 然后在要用的页面 import {$getJson} from './http' const getH5StaticJson = data =...
vue打包之后更改配置的json文件无效
相濡以沫不如相忘于江湖.
08-16 3256
在project.config.json里面更改配置后不生效，具体原因还没有找到。然后把这个js文件引入到public/index.html下。在项目中就可以直接使用window.api进行使用。把json文件换成js文件。这是目前我找到的办法…...
Vue项目打包部署到iis服务器的配置方法
10-16
完成这个步骤之后，通过IIS访问打包后的Vue项目就能成功地根据vue-router的配置进行页面跳转，不会出现404错误。 总结来看，Vue项目在IIS服务器上的配置包括了静态资源MIME类型的配置以及URL重写规则的设定。通过这...
Vue打包文件到IIS服务器的项目发布流程
czy527的博客
11-20 1109
Vue打包文件到IIS服务器的项目发布流程 版权声明：本文为博主原创文章，，转载请附上原文出处链接和本声明。 服务器上面的项目更新Vue的一些文件打包： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语法；...
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
在使用 Vue CLI 3.0 进行项目打包时，可能会遇到静态资源（如图片、CSS、JavaScript 文件等）找不到路径的问题。这个问题通常出现在部署到服务器后，因为本地开发环境与线上环境的资源路径不同。以下是如何解决这个...
Vue项目webpack打包部署到服务器的实例详解
08-29
文章中提到，尽管在打包部署过程中遇到了一些问题和挑战，但通过不放弃和积极尝试，最终还是成功地将Vue项目部署到了服务器。这个过程中，对`config/index.js`文件中的`assetsPublicPath`的正确配置是关键。此外，...
Vue动态读取异步JSON列表显示失败
swiftlinlei的博客
08-30 856
1.问题：vue动态读取列表显示失败 2.原因：由于vue的绑定机制，data的数据结构在Created生命周期前就确定了，无法动态更改data的数据结构 3.解决：使用v-if在JSON获取到数据后重新构建 参考：https://segmentfault.com/q/1010000009396332...
webpack打包后访问不到json文件
weixin_30318645的博客
12-03 2256
一、问题描述 在vue中，前端写ajax假数据，用axios将json数据渲染到组件中，开发期间一切正常，webpack打包压缩后，json文件的路径错误，页面访问不到数据，导致渲染失败。 二、预期结果 能正常获取数据，渲染页面。 三、问题分析 因为webpack没有把json文件打包到dist目录，所以not found，即便加了json-loader也无用。 四、解决方案 手动把...
Vue中读取使用本地json数据,及打包后的访问问题
dakache11的博客
12-18 1万+
vue项目中访问本地json能避免，因服务器原因请求速度很慢很慢， 1.首先建立一个json文件，放到static文件下，要保持是正确的json格式，例如，或者你只有data里面的数据就行，我这是从接口返回的数据直接粘贴过来的 { "msg": "success", "code": 0, "data": { "activityPrize": [ ...
vue引入 图片的json文件 - 打包后图片不显示
Tingting_Wang152的博客
03-03 1567
页面： <img :src="weatherDatas.imgPath"> js： //获取天气数据 getWeather(lon,lat){ var that = this; //获取图片的json数组** var weatherImgData= require("../../assets/data/weather.json").data; ...
【VueJS】VueJS开发请求本地json数据的配置
12-11 399
VueJS开发请求本地json数据的配置，旧版本是build/dev-server.js，新版本是build/webpack.dev.conf.js。 VueJS开发请求本地json数据的配置，早期的vue-lic下面有dev-server.js和dev-client.js两文件，请求本地数据在dev-server.js里配置，最新的vue-webpack-templat...
使用IIS建站访问时找不到json文件
guodongme123的博客
04-19 1071
问题：从网上爬了一个网站下来，使用IIS建好网站访问报错：“json文件找不 到”，提示js文件出错。仔细检查之后js完全没问题。 思路：每个找不到的json文件名都是乱码，有可能就是编码问题，导致文件名称匹配不上。将编译过的文件名通过URL解码器进行解码，发现解码后的中文与我自己所写的文件名称不一致，验证确实是编码问题。 解决：将index.html和index.html中引用到的所有jso...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值