mock.js域名解析错误的解决方法

最新推荐文章于 2023-07-27 22:00:00 发布
最新推荐文章于 2023-07-27 22:00:00 发布
阅读量1.5k 收藏
点赞数
文章标签： mock.js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40563534/article/details/84989711
版权

在用mock.js模拟数据时，碰到以下报错：OPTIONS http://www.myproject/add net::ERR_NAME_NOT_RESOLVED

即域名解析错误，原因是没有在html页面加入以下代码

<script type="text/javascript" src="js/mock.js"></script>

<script type="text/javascript" src="js/NewsAll.js"></script>

其中NewsAll.js是放拦截ajax请求后，进行业务处理的文件

qq_40563534
关注
【三十天精通Vue 3】第三十天 Vue 3中的Nuxt.js框架详解
陈书予
05-09 1万+
简单来说，Nuxt.js是基于Vue.js的一个通用应用框架。它的目的是简化Vue.js应用程序的开发过程，并为开发人员提供更好的体验。借助Nuxt.js，我们可以轻松地搭建一个高质量、高性能的Vue.js应用程序，而不需要手动进行复杂的配置。基于Vue.js：由于Nuxt.js是基于Vue.js构建的，因此我们可以直接使用Vue.js的语法和组件。自动化配置：Nuxt.js提供了一些默认配置，这使得开发者可以省去一些配置环节。
Mockjs遇到的坑
qq_45155318的博客
06-07 3069
Mockjs遇到的坑 看了很多网上的文章，又去看了一些视频，总算是让我稍微摸透了点mock的用法。 没安装mock的先在文件夹下安装； npm install mockjs 安装完的就可以在文件夹下新建一个名为mock的文件夹， 在里面新建两个文件；一个为index.js，这个主要用于拦截ajax请求，并且返回数据；另一个为存放你数据的js文件，我们暂且将它命名为Myinfo.js。 我们在Myinfo.js中编写以下代码（传输局用）： import Mock from 'mockjs' const
【bug】axios请求mock.js失败
lorogy的博客
10-09 1236
【vue】mock.js安装及使用 问题描述 post请求失败 请求没反应 get请求失败 返回页面HTML .vue this.$get('/gettest', {b:'222}, (res) => { console.log(res) }) this.$post('/posttest', {a:'111'}, (res) => { console.log(res) }) mock.js Mock.mock('/gettest', 'get', op
net::ERR_CONNECTION_REFUSED 解决大全
weixin_64051447的博客
03-24 6227
sockjs-node/info报错sockjs-node作用SockJS提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。可以理解为我们代码改了页面及时热更新了请的格式原因网络环境变更导致，例如无线网络变化、开发IP变了，这种情况60%，重启项目（npm run dev 或者 npm run serve）就能解决，还有就是端口变了，但是项目中把端口配置死了，这种对应调整就好了。
Refused to load the script ‘xxxx.js‘ because it violates the following Content Security Policy ...
魏大大
03-12 5393
Refused to load the script 'https://unpkg.com/xxxx.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'unsafe-inline' data:". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used
Mock.js 使用教程
qq_43262022的博客
11-04 753
Mock.js 二话不说，官方文档双手奉上。 Mock 通过可以自定义数据，同时也能拦截 AJAX 请求。 对快速生成测试数据，提供便利。 本文章主要讲解的是 Mock.js 在 Vue 中基本用法。 安装 npm install mockjs 生成随机 Mock 数据 // 引入 Mock import Mock, { mock, Random } from "mockjs"; // 引入所需常量 import { // 随机用户对象数量最小值 USER_COUNT_MIN,
mockjs拦截的原理及文件下载失败的原因
destinymmm的博客
06-13 1708
浅析mockjs拦截原理及其源码
vue.config.js 配置
web15285868498的博客
03-03 1万+
vue.config.js配置项 vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 创建vue.config.js vue.config.js(相当于之前的webpack.config.js) 是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。 在根目录中创
xe-ajax3.0.9.js
02-08
综上所述，`xe-ajax3.0.9.js`是一个强大的JavaScript库，提供了一整套完善的Ajax解决方案，包括xhr、jsonp和mock功能，并且有着良好的易用性和扩展性，适合多种类型的Web项目。使用它，开发者可以更高效地处理网络...
Vue3解决：Mockjs 引入后并访问 404(Not Found) 的页面报错问题
最新发布
狮子座的男孩
07-27 5016
但在页面 报错为：GET http://localhost:5173/list 404 (Not Found)(即：在页面并没有找到自己引入 Mockjs 时，设置的地址和假数据)功能常用于解决数据模拟问题，有了 Mock 工具模拟数据后，前后端可以同步进入开发，提升团队研发效率；前端开发往往依赖于后端数据接口，在后端接口就绪能够返回数据之前，前端通常很难开工;根据上述的问题剖析和描述，发现：在引入。项目中，引入了 Mockjs。后，设置的数据和地址有问题；
JavaScript处理ajax时net::ERR_CONNECTION_REFUSED
程高伟
05-23 6万+
net::ERR_CONNECTION_REFUSED
出现net::ERR_CONNECTION_REFUSED问题，前端优化
热门推荐
喵大嗷的博客
05-08 31万+
在一次测试中，请求后台数据报net::ERR_CONNECTION_REFUSED的错误。我的这次具体失败的原因是因为请求地址错误的原因。能导致这个问题的原因有很多种，也有可能是网络原因等等….产生这个错误最归根揭底的原因就是ajax请求失败； 当时做的登陆功能的测试，在页面上反应是点击登陆后，没有任何反应，用户体验非常的不好 面对这种情况，如果在ajax请求时再做出一层的判断，在ajax请求...
接口：mock 模拟数据以及接口调用遇到的 axios的坑
1363648943的专栏
01-30 2万+
项目用的 react+dva，由于后端接口还没有好，所以需要用mock创数据，拦载 ajax ，返回 mock 里面的数据。那么问题来了，怎么用 mock 呢？看了官方文档，我表示没有看明白。问团儿，这个问题，团儿解答：在你现在的里面写"get/api":[]，get要大写，/api就是你的接口地址，上面要引用mock，importmock from ‘mockjs’。下面还记录了我在 mo...
mockjs 的使用
lx_1024的博客
01-17 7818
最近前后端有点不协调，用了一下mockjs，下面记录一下 我的环境是webpack+npm+vue，首先就用npm安装mockjs，安装命令是 npm install mockjs --save-dev，使用淘宝镜像也是可以的，就是使用cnpm替换npm，一样的效果 安装好mockjs后，在main.js里引入mockjs // 引入mockjs require('./mock.js')
mockjs 项目实战踩坑
diaofugeng2712的博客
09-19 644
MOck.js ;由于业务需要，第一次接触Mock.js,只是用于实战，不是多精通；我至今也有个疑惑还没解开； 使用坑总结； 首先mock.js 进行模拟数据， 1 第一个bug 写了Ajax右键打开，会报错：Cross origin requests are only supported for protocol schemes: http, data, chrome, ...
报错net::ERR_CONNECTION_REFUSED
Pandora_417的博客
08-08 2万+
GET https://localhost/cms/content/productDetailInfo/id/653 net::ERR_CONNECTION_REFUSED 改为 下列代码就好了 url: "http://localhost/cms/content/productDetailInfo/id/653", //路径 http与https区别 超文本传输协议HTTP协议被用于在Web浏...
axios请求超时,设置重新请求的完美解决方法
weixin_34228662的博客
03-30 3395
自从使用Vue2之后，就使用官方推荐的axios的插件来调用API，在使用过程中，如果服务器或者网络不稳定掉包了, 你们该如何处理呢? 下面我给你们分享一下我的经历。 具体原因 最近公司在做一个项目, 服务端数据接口用的是Php输出的API, 有时候在调用的过程中会失败, 在谷歌浏览器里边显示Provisional headers are shown。 按照搜索引擎给出来的解决方案，解决不了我的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值