We‘re sorry but web-admin doesn‘t work properly without JavaScript enabled. Please enable it to cont

本文介绍了在Vue应用中遇到的本地文件访问错误,重点讲述了如何通过修改mode为hash、配置Nginx以及调整公共路径和代理设置来解决历史模式下请求本地文件的问题,提供了解决步骤和不同方法的详细说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言:

       这里是vue获取本地js文件报错。

报错截图:

报错原因:

history的话必须后端来配合,这里请求本地文件的时候,是默认一个服务地址,并不是我们的直接路径,请求报错,

解决办法:

1、将history改成hash

2、使用history,请求后端同时在nginx配置允许访问,

网上其他解决办法:
1、mode类型
                       前端修改方式:将mode类型由history改成hash;
                       后端修改方式:mode还是history,后端配置nginx,设置映射关系
2、publicpath路径问题
                      publicpath需要绝对路径’/’
3、本地开发,服务代理信息
                        检查代理信息是否有误,是否写有多个代理

 

 

### 解决方案 Postman 是一种 API 测试工具,主要用于发送 HTTP 请求并接收响应数据。然而,它并不支持运行 JavaScript 或渲染动态网页内容。因此,在 Postman 中无法直接模拟浏览器的行为来执行 JavaScript。 对于 iview-admin 这样的前端框架应用,其功能依赖于 Vue.js 和其他 JavaScript 库的动态交互[^1]。如果需要测试基于 iview-admin 的后端接口,可以采取以下方法: #### 方法一:分离前后端逻辑 通过分析 iview-admin 的源码结构,找到对应的后端接口 URL 及请求参数。可以直接在 Postman 中调用这些 RESTful 接口,而无需关注前端页面中的 JavaScript 功能。通常情况下,iview-admin 使用 Axios 或 Fetch 发起 AJAX 请求,可以在网络调试工具中捕获这些请求的具体细节。 #### 方法二:利用 Puppeteer 模拟浏览器行为 为了完全重现带有 JavaScript 执行环境的情景,可以选择使用 Node.js 提供的 Headless Chrome 工具——Puppeteer。它可以加载完整的 Web 页面,并允许开发者控制 DOM、表单提交以及触发事件等功能。以下是实现的一个简单示例代码片段: ```javascript const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); // 访问目标网站地址 await page.goto('https://your-iview-admin-site.com', { waitUntil: 'networkidle2' }); // 填充登录表单 (假设存在用户名和密码字段) await page.type('#username', 'admin'); await page.type('#password', 'password'); // 提交表单 await Promise.all([ page.waitForNavigation(), page.click('.login-button'), // 替换为实际按钮的选择器 ]); console.log(await page.content()); // 输出当前页面 HTML 内容 await browser.close(); })(); ``` 此脚本会启动无头模式下的 Chromium 实例,访问指定站点并完成自动化操作流程。 #### 方法三:借助 Newman 自动化测试集合 Newman 是 Postman 的命令行版本,能够批量运行已保存的 Collection 文件。虽然本身也不具备解析 JS 能力,但如果提前记录好所有必要的 Header/Body 参数,则仍然可以通过这种方式验证服务端返回的数据准确性。 --- ### 注意事项 由于 Postman 不支持 JavaScript 渲染特性,所以当遇到类似问题时应优先考虑调整测试策略,转而专注于 API 层面而非 UI 表现部分。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浩星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值