vue vite开发环境https接口代理无法访问的问题

一、问题现象

        本地请求是所有的接口前边只需要加一个前缀即可 —— /local/。比如登录接口就是 ‘/local/login’。于是去请求发现直接报错了，报错信息如下：

        使用接口代理https接口请求，访问报错的问题，提示如下：

http proxy error: Error: self signed certificate

二、问题解决

        大概意思是证书不对。

        虽然使用了https，但是没想到这么安全，接口代理都发不出去了。。。

        搜索github中找到了这个issue。地址：Proxy does not work, both requests to backend and http://localhost:3000/ · Issue #3475 · vitejs/vite · GitHubhttps://github.com/vitejs/vite/issues/3475

        里边提到了一个解决方案就是增加一个配置，或者将这个配置改为false，不要校验安全性  

         secure: false.

        整体配置代码如下：

proxy: {
            '/local/': {
                target: '',
 
                // 这里新增一个配置
                secure: false,
                // 新增结束
 
                changeOrigin: true,
                rewrite: (path) => path.replace(/^\/local\//, ''),
            },
        },