找不到 localhost 的网页找不到与以下网址对应的网页:http://localhost:5173/HTTP ERROR 404

 使用vite新建项目后,访问网址

起初认为是vite的配置问题 端口未设置   修改为8080端口后仍然无法访问

进一步推迟这个应该是访问html位置不对,找到文件一看,果然放错了

修改位置准确即可,哎 太粗心了

### 可能原因分析 当尝试访问 `http://localhost:5173` 时遇到问题,可能由多种因素引起。常见的原因包括但不限于: - **端口冲突**:如果其他应用程序正在使用相同端口号,则可能导致连接失败。 - **防火墙设置**:某些安全软件可能会阻止对特定端口的访问请求[^1]。 - **服务未启动**:开发环境中的Web服务器(如Vite、Webpack Dev Server等)未能正常运行或已停止工作。 针对上述情况,可以采取如下措施进行排查和修复: 对于端口冲突的情况,可以通过命令行工具查看当前计算机上各个进程占用的TCP/IP端口状态,并据此调整应用监听地址;如果是防火墙阻挡了通信路径的话,则需进入操作系统自带的安全中心或者第三方防护程序界面里对应规则并允许其通行;最后确认项目构建脚本里的指令能否成功执行以及终端输出日志是否存在异常提示信息。 另外,在跨域资源共享(CORS)方面也需要留意。即使是在同一台机器上的不同源之间也会受到浏览器同源策略的影响而遭到拒绝访问。因此建议按照之前提到的方法适当放宽响应头字段限制条件以便于调试阶段顺利开展前端后端交互测试活动。 ```javascript // 设置CORS头部以允许所有来源访问API接口 app.use((req, res, next) => { res.header("Access-Control-Allow-Origin", "*"); res.header( "Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept" ); next(); }); ``` #### 配置Tomcat部署静态资源 考虑到有时会因为网络解析的问题而导致本地资源加载不成功,比如给出的例子中由于域名无法解析造成的错误。此时可考虑将所需文件放置在一个稳定可靠的HTTP(S)服务器下供客户端获取。例如利用Apache Tomcat作为容器发布模型数据集给Vue.js单页应用调用便是可行之策之一[^3]。 ```xml <!-- 在conf/server.xml 中添加 --> <Context path="/model" docBase="E:\work_software\apache-tomcat-9.0.36\webapps\model" debug="0" reloadable="true"/> ``` 随后在前端代码里面就可以依据新的URL模式去发起AJAX请求读取远端素材了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值