关于vue.js的报错

Question

npm run build过后报图上的错误是怎么回事啊？新手求指点

Answer 1

很明显啊，接口路径不对啊。你开发环境配置的代理，在build之后是没用的。

Answer 2

接口路径无权限，需重新搭建环境处理cors跨域问题。

Answer 3

默认情况下, vue build之后的文件, 不能直接双击打开, 必须起服务器

Answer 4

第一和第二个报错，由于安全性问题，浏览器无法请求本地文件。允许浏览器请求的协议有：http://和https://。
第三个报错，因为你请求的路径是/api/ratings，直接打开文件的话，由于是文件协议file://，所以/api/ratings表示的是根目录开始的文件/api/ratings而并非你需要的接口，所以出错。