关于 vue vite 项目中本地以及代理中开启https解决方法

7月前作者：别星桥夜分类：Toy博客阅读(39) 违法举报

这篇具有很好参考价值的文章主要介绍了关于 vue vite 项目中本地以及代理中开启https解决方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在本地开启https：在项目配置文件vite.config.ts中关于server配置位置中添加 https:true, 即可。

如图所示关于 vue vite 项目中本地以及代理中开启https解决方法,vue.js,前端,javascript

在代理中开启https：同样在在项目配置文件vite.config.ts中的server中的proxy对象中加入secure: false,protocolRewrite:"https",这两行代码即可，如果不添加 protocolRewrite:"https", 会自动把target中的htpps 改 http 请求。改成后的样式应为如图所示关于 vue vite 项目中本地以及代理中开启https解决方法,vue.js,前端,javascript

我使用的项目的相关依赖版本号为：

"@vitejs/plugin-vue": "^4.2.3",

"vite": "^4.4.5",文章来源地址https://www.toymoban.com/news/detail-860167.html

到了这里，关于关于 vue vite 项目中本地以及代理中开启https解决方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Vue | UniApp - 本地开启https

此方法以webpack为示例，vite配置方法可能不同，但该教程有效解决https访问项目。在开发IM功能的时候有一个录音的功能，在网页端录音只可以在 localhost|https协议下进行正常使用，在电脑上调试的时候可以使用localhost进行访问项目。但是在手机端，你只能通过局域网IP或者内

2024年02月03日
浏览(32)
vite项目配置本地开发使用https访问，3分钟搞定

在开发过程中，有时候需要用到一些音视频接口等需要https才能拿到权限，为方便开发过程中调试，这里就介绍几种vite项目快速开启https访问的方式。vite配置项说明文档：开发服务器选项 | Vite 官方中文文档这个插件仓库地址：https://github.com/vitejs/vite-plugin-basic-ssl 安装依赖

2024年02月22日
浏览(74)
vue3+vite如何在本地进行https调试

有些功能只能在https环境下进行测试，如何在线下运行时进行https调试呢？开启vite.config中的https，然后引入并使用一个自动签名的包即可。 npm i @vitejs/plugin-basic-ssl -D 启动项目弹出一个⚠️页面，会提示不信任的证书。下面我们使用警告模式: vite-plugin-mkcert npm i vite-plugin-m

2024年02月03日
浏览(40)
Vue+vite创建项目关于vite.config.js文件的配置

Vue项目创建时，我们见过vue-cli 创建项目和webpack 创建项目等方式。现在Vue 3版本使用npm/pnpm create vue@latest 创建项目，是搭配使用vite工具构建的。创建完成的项目，最明显的去别就是，项目配置文件命名不同，当然，配置语法也有不同。 vue-cli 创建的项目，项目配置文件文件

2024年02月12日
浏览(56)
vite+vue3+ts项目上线docker 配置反向代理API

这次重点的坑是反向代理。 1。项目中配置代理，为了跨域请求数据项目根目录中新建vite.config.ts文件在文件中添加配置代理注意：其中 \\\'/api\\\' 和target 的地址后面没有 \\\'/\\\' 2。在项目根目录中新建Httprequest.ts文件，引入axios，并封装请求引入axios就不多说了，npm自行安装就好注

2024年02月20日
浏览(55)
vue3项目vite.config.js配置“代理”、“端口”、“打包名”、“图片压缩”

前言我们在搭建vue3项目的时候不可避免的会遇到“代理”、“端口”、“打包名”、“图片压缩”等配置问题，本文逐一讲述该怎么样在vite.config.js中去配置。一、配置代理端口和代理转发 vite.config.ts添加如下代码 ts.config.json添加如下代码图片压缩先要引入vite-plugin-imagem

2024年02月07日
浏览(82)
Vue项目本地开发集成引入https

问题描述本地项目开发中用到的接口是https ，本地http会请求不到数据案例使用采用的vue-cli开发，所以需要针对这两种方式启动https npm 安装 npm i mkcert -g 注意需要将keys目录移动项目的根目录。安装证书 1.进入keys文件夹双击ca.crt，在弹出的对话框中点击“安装证书” 修改

2024年02月12日
浏览(54)
vue3和vite项目在scss中因为本地图片，不用加~

看了很多文章说要加~，真的好坑哦，我的加了~反而出不来了： 304 Not Modified 所以需要去掉~：直接引入就好：

2024年01月25日
浏览(58)
Vite开启https — 离线和在线生成签名证书

使用Vite构建工具，导致文件请求比较多，每个请求都需要三次握手四次挥手，而https可以多路复用，可以节约大量三次握手四次挥手时间，提升开发效率。要想使用https协议，必不可少的是颁发证书这个步骤。一、证书颁发可以使用 OpenSSL 来操作一堆命令生成，这里使用更

2024年02月02日
浏览(47)
vite搭建vue3项目本地环境自定义域名及端口配置

本blog讲述的是vite直接创建的vue3的项目的本地环境自定义域名配置。 windows 首先配置本地的一个域名代理指向。在windows环境下host文件的位置是 C:WindowsSystem32driversetc 我们需要打开目录下的hosts文件然后在其中找到127.0.0.1然后在后面追加一行 Mac 在mac系统中我们需要打开终

2024年02月06日
浏览(129)