Why did not load the external js file in the index.html of vue.js successfully?

this is my header setting

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"  http-equiv="Access-Control-Allow-Origin" content="http://127.0.0.1:8000/">
<meta http-equiv="Content-Security-Policy" content="default-src "self" data: gap: https://ssl.gstatic.com;"unsafe-eval"; style-src "self" "unsafe-inline"; media-src *;connect-src *;script-src * "unsafe-inline";">

this is

in body.
<script src="static/js/socket.js.js"></script>

the error report goes like this

:Unrecognized Content-Security-Policy directive ""unsafe-eval"".

:Uncaught EvalError: Refused to evaluate a string as JavaScript because "unsafe-eval" is not an allowed source of script in the following Content Security Policy directive: "script-src * "unsafe-inline"".
Jan.08,2022

There is a problem with the restriction on the second line of

meta. The first error is that you only use unsafe-eval as a command name, which is a limit for resources of type src; the second error indicates that you do not have the value unsafe-eval in your script-src.

should be changed to:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *;connect-src *;script-src * 'unsafe-inline' 'unsafe-eval';">
Menu