给本地vue项目配置htts

最新推荐文章于 2023-11-14 17:30:09 发布
最新推荐文章于 2023-11-14 17:30:09 发布
阅读量245 收藏
点赞数
分类专栏： 笔记 文章标签： vue https
原文链接：https://www.xiebruce.top/1121.html。
版权

问题说明

项目需要使用麦克风功能，而vue本地的前端服务一般都是http://****，这导致浏览器直接禁用了部分权限，其中就包含了麦克风。

在结合 传送门1，传送门2 搞了一通后，前端发送请求是变成了https://****，但是又报后台的错，意为后台未通过https://来返回数据，数据被拦截。

偶然发现了新问题，不就是请求为http时打开浏览器禁用的媒体功能，给他弄开不就可以了么 开放浏览器权限

Crazy Taylor
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue本地项目配置图片加载失败_vue开发之图片加载不出来问题解决
weixin_39634052的博客
02-22 2820
在使用vue开发项目的时候，经常会遇到的一个问题就是：图片加载不出来。下面是我总结的几种图片加载不出来的情况及解决办法。一、项目打包完成后，打开整体空白1、路径问题原因在vue+webpack的项目中，项目打包之后的css和js的引用路径是绝对路径，项目部署之后会将静态当成根目录，就造成了文件引用路径的错误。解决办法通过修改配置文件，将绝对路径改为相对路径。具体操作如下：1.vue-cli 3.0...
vue项目，uniapp项目本地调试开启https，加载本地证书
charlie_y的博客
09-20 8068
废话不多说，前端开发调用摄像头，获取地址位置时需要https的问题，在本地运行时可以参考这篇文章操作我这里用的mkcert如果你使用的vite，那么可以直接使用到此，证书生成安装结束了，项目跑起来就ok了。
【Vue 本地项目运行https服务】
最新发布
weixin_46252229的博客
11-14 1769
【代码】【Vue 本地项目运行https服务】
访问地址的时候http被强制加上s
peepeeman的博客
10-14 9319
用的是vue框架。index.html里引入了 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 导致很多时候访问页面的时候会自动在http后加s导致页面请求不了 解决方法：在meta加 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" /> .
vue项目完美启用http2,https,ssl
u014136936的博客
07-13 4046
对于HTML5各类API调用需要https协议, 对于vue项目来说，本地开发调试急需打开https, 所以通过简单配置，让vue项目完美启用http2,https,ssl。
vue本地开发默认是http,修改配置为https
weixin_42666092的博客
12-02 1055
vue https
其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
01-20
例如，如果前端工程师的IP地址是`192.168.20.36`，那么其他人在同一局域网内的设备就可以通过访问`http://192.168.20.36:3001`来查看前端的Vue项目（这里的3001是项目配置的端口号）。 值得注意的是，这种方法只...
详解VSCode配置启动Vue项目
10-17
本文将详细介绍如何在VSCode中配置启动Vue项目，以便高效地进行Vue应用的开发。 首先，确保你已经下载并安装了最新版本的VSCode。你可以通过搜索引擎搜索"VSCode最新版"来获取安装程序。安装完成后，按下`Ctrl + ...
Vue项目History模式404问题解决方法
12-01
- **跨域问题**：如果涉及到跨域，需要在Nginx配置中添加CORS设置，或者在Vue项目中配置代理。 - **其他服务器环境**：虽然本示例是针对Nginx，但类似的问题也可能出现在其他服务器环境中，如Apache等，解决方案也...
vscode新建一个最简单的vue项目
09-27
这将启动Vue CLI（命令行界面），引导你选择项目配置。对于初学者，你可以选择“默认”配置，这将创建一个包含基本依赖的项目。如果对Vue有更深入了解，也可以选择“手动选择特性”来定制项目。 **四、选择Vue版本...
vue项目本地开启https访问模式
热门推荐
Ivan的编程随笔
08-05 7万+
在实际开发中，我们会以https形式进行页面访问，但是根据vue-cli的版本不同，配置方式也有所差异，以下分别从vue-cli3.x和vue-cli2.x构建的项目分别进行配置开启https:
vue本地项目设置https访问
Q_v3_v2的博客
10-31 3130
vue本地项目设置https访问
vue项目起本地，改成https协议请求
weixin_43703816的博客
07-18 1万+
http改成https的请求
关于vue2启动本地https协议
T2208950275的博客
07-12 1968
mkcert 是生成本地 HTTPS 加密证书的工具，一个命令就可以生成证书，配合vue可以启动本地https协议。mkcert localhost (本地ip地址)，会自动生成证书，证书会自动生成在终端对应的地址文件下。输入mkcert查看是否安装成功。
Vue 使用 http和https问题（以及跨域问题）
LZD30的博客
08-22 4万+
在Vue项目的config/index.js 里面添加代码： module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', // =================== 该属性为添加内容 start==================== ...
【开发小记】在apache服务器上部署vue项目
GUANYX的博客
11-19 8646
在Apache服务器上部署vue项目
Light项目---vue搭建前端时遇见的一些问题
weixin_30629653的博客
08-06 199
css样式中设置的： opacity 表示透明度 将js对象存储到localStorge中 的时候，直接存储是不行的，会变成【object Object】，都是这样的数据， 需要将其进行JSON化处理才能进行存储，取出时同样需要进行json.parse进行解析才行， 有点像pickle 前端sessionstorge与localstorge同样是储存数据，session相当于内存，lo...
vue开启https，加载本地证书
许发君博客
11-23 1万+
vue开启https，加载本地证书 1. 通过mkcert创建本地证书 1.1 安装mkcert 安装方式：npm 包地址：https://www.npmjs.com/package/mkcert 安装命令：npm install -g mkcert 判断是否安装成功，输入命令：mkcert --version，如果能看到版本号，说明安装成功，可以进行下一步 1.2 生成证书 生成一个ca证书，mkcert create-ca，生成之后会看到一个ca.crt和ca.key文件 利用刚刚生成的ca证书，
vue本地配置https
zgwnDong的博客
10-19 575
vue本地配置https
Vue3.0项目配置全攻略：从0开始搭建
项目创建完成后，你会看到一个标准的Vue项目结构，包括`package.json`、`src`目录、`public`目录等。`src`目录是主要的源代码存放地，其中包含`App.vue`主组件、`main.js`入口文件、`components`子组件目录等。`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值