vue部署到云服务器的nginx后如何调用华视读卡器的读卡服务

问题遇到的现象和发生背景

  场景RT 就是我再代码里是直接调用localhost:19196/readcard 请求的
  但是上云服务器以后显然是不能用localhost的 因为这时候应该会访问云服务的ip的19196端口 而不是我浏览器端设备的19196端口

问题相关代码，请勿粘贴截图

axios({
method: 'get',
url: 'http://localhost:19196/readcard'
})

运行结果及报错内容

浏览器控制台报错如下
Access to XMLHttpRequest at 'http://localhost:19196/readcard' from origin 'http://xx' has been blocked by CORS policy:
The request client is not a secure context and the resource is in more-private address| space local.

我的解答思路和尝试过的方法

我想要达到的结果

感觉你这个是跨域了吧。你在本地跑的时候能调用？部署到服务器上过后不能了？

localhost没问题 经过这几天的研究 最终发现还是http和https的区别 申请ssl证书安装之后应该就会好了