打印插件报错分析及快速解决方案

报错分析:

报错内容:

Access to script at 'http://localhost:8000/CLodopfuncs.js' from origin 'http://localhost:8081' has been blocked by CORS policy.

报错原因:
前端访问Lodop打印插件服务时被CORS安全策略阻止。报错的原因是在浏览器新安全规则中公共网络禁止访问更私密的本地网络,所以直接拦截了加载js的请求造成打印相关方法丢失。为什么以前没有?因为Chrome内核浏览器更新后会强制开启PNA私有网络保护协议。

解决方案:

不使用Chrome内核的浏览器,使用Trident内核或Gecko内核的浏览器即可。如:360安全浏览器、火狐浏览器等。下文提供360安全浏览器的安装方法。

360安全浏览器安装方法:

  1. 进入360安全浏览器官网(https://browser.360.cn),下载最新版浏览器:
    360浏览器官网下载页
  2. 运行安装包,选择安装路径与附加选项:
    360安装界面
  3. 点击“立即安装”开始安装:
    正在安装
  4. 安装成功,进入欢迎页:
    安装成功欢迎页
  5. 在地址栏输入项目地址访问即可正常打印。

提示:使用360安全浏览器访问系统,即可解决Lodop打印跨域报错问题。