错误信息 Error occured while trying to proxy to: localhost:8080/api/service/login
表明尝试通过代理访问登录接口时遇到了问题
一般是证书的问题，可以通过以下方式解决

1. 更新证书:

   • 首先确保你的后端服务的SSL证书是有效和最新的。如果证书过期，你需要更新证书。

2. 配置代理服务器忽略证书错误:

   • 如果你在开发环境中且对安全要求不高，你可以配置代理服务器忽略证书错误。例如，在Vue CLI中，你可以在 vue.config.js 文件中配置webpack-dev-server的代理设置来跳过SSL验证：

     module.exports = {
       // ...
       devServer: {
         proxy: {
           '/api': {
             target: 'https://your-backend-server.com',
             changeOrigin: true,
             secure: false, // 设置为false来跳过SSL验证
           },
         },
       },
     };
     

     注意，secure: false 应该只在开发环境中使用，绝不应该在生产环境中使用，因为这会导致不安全的通信。

3. 直接访问接口以确定问题:

   • 尝试直接访问后端接口（绕过代理），比如使用Postman或浏览器，看看是否能正确响应。如果直接访问也有问题，那说明问题可能在服务器的证书配置上。

4. 检查代理配置:

   • 确保你的代理配置正确无误。检查是否有任何笔误或配置错误导致请求不能正确转发到后端服务。

5. 查看后端服务日志:

   • 检查后端服务的日志，确认是否有更详细的错误信息，这可能会帮助确定问题的原因。

6. 浏览器安全性设置:

   • 检查你的浏览器安全性设置是否阻止了自签名或过期证书的请求。

7. 临时解决方案:

   • 作为临时解决方案，你可以尝试在浏览器中接受风险继续访问，这将添加一个例外，允许你继续使用过期的证书，但仅限当前会话。

如果这个问题发生在生产环境中，那么你应该立即更新证书并确保所有的配置都是按照最佳实践来设置的。始终保持SSL/TLS证书的有效性对于维护你的应用和服务的安全性是非常重要的。