Chrome 调用vue.js 记录
Posted 陈富林
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Chrome 调用vue.js 记录相关的知识，希望对你有一定的参考价值。
一、今晚遇到一个问题，就是不能直接在 html 直接调用 js 代码的问题
二、会出现如下错误：
Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'". Either the 'unsafe-inline' keyword, a hash ('sha256- vKuX0yKlIAX3ZzZ9/PIUq7x1z425uZLu4glsP+4fqXM='), or a nonce ('nonce-...') is required to enable inline execution.三、解决方法，就是将 js 代码写成单独的文件，然后包含进去即可。
# index.html
<!DOCTYPE html>
<html>
<head>
<script src="js/vue.min.js"> </script>
</head>
<body>
<div id="chen_test_id1">
<p>{{ message }}</p>
</div>
<script src="js/test.js"> </script>
</body>
</html> // js/test.js
src="js/vue.min.js">
new Vue({
el: '#chen_test_id1',
data: {
message: 'Hello Vue.js!'
}
})以上是关于Chrome 调用vue.js 记录的主要内容，如果未能解决你的问题，请参考以下文章
vue.js 2 - 将单个文件组件的 html 片段提取到独立文件中