vite数据请求报错 Error [ERR_TLS_CERT_ALTNAME_INVALID]: Hostname/IP does not match certificate‘s altnames

在这里插入图片描述
新搭建的vite项目,配置的代理如下
在这里插入图片描述
问题所在:
vite对于proxy的封装和vuecli不一样,需要额外增加secure: false绕过https的安全验证才能请求到https的地址

解决方案:
在这里插入图片描述
参考:
添http-proxy

### Vue3 打包后 `net::ERR_FILE_NOT_FOUND` 错误解决方案 在开发过程中遇到打包后的资源无法正常加载并抛出 `net::ERR_FILE_NOT_FOUND` 的情况,通常是因为路径配置不正确或是静态资源配置不当所致。对于基于 Vite 构建工具的 Vue3 项目而言,在 `vite.config.js` 中合理设置公共目录(publicDir)以及基础路径(base)可以有效解决问题[^1]。 #### 修改 `vite.config.js` 为了确保打包后的文件能够被正确引用,建议调整 `vite.config.js` 文件中的部分选项: ```javascript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], base: './', // 设置base为当前目录, 或者根据实际需求指定其他相对/绝对路径 publicDir: 'public' // 如果有额外公共资源可在此处定义其所在位置,默认即为"public" }); ``` 当应用部署到非根域名下时,比如 `/my-app/`, 则应相应修改 `base` 值为该子路径以匹配服务器端路由结构;而对于那些不需要经过构建过程处理而可以直接复制至输出目录下的静态资产,则可通过更改 `publicDir` 来指明它们的位置[^2]。 另外值得注意的是,如果存在跨域请求获取外部API接口数据的情形,还需确认服务端已允许前端发起此类请求,并且客户端代码里也做了恰当的身份验证与授权机制设计。 通过上述方法调整 `vite.config.js` 后重新执行构建命令 (`npm run build`) 并发布最新版本的应用程序即可尝试修复此问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值