vue run dev后控制出现CSP报错

Question

启动项目后
控制台出现如下信息，并且页面内显示Cannot GET /

Refused to apply inline style because it violates the following Content Security Policy directive: "default-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-cEmJ9wfQpnZLR35+jGeZk1WmknBbXo0CyiXREeJHUGo='), or a nonce ('nonce-...') is required to enable inline execution. Note also that 'style-src' was not explicitly set, so 'default-src' is used as a fallback.

Answer 1

这个是由于csp安全限制。有以下几种解决方法服务端设置，例如在nginx配置文件中的server {} 做如下配置add_header Content-Security-Policy "default-src 'self' style-src 'self' 'unsafe-inline';" ;改变你css的写法，不要使用内联方式，放到css文件中，例如不要出现如下写法<li&nbsp;v-for="pageInfo&nbsp;in&nbsp;pageInfos"&nbsp;style="list-style:&nbsp;none">