安全漏洞:JavaScript庫YUI版本過低(認識vue項目中的index.html文件)


 原因分析:用npm 安裝到項目再通過import引入,由於安裝的jsencrypt.js是沒有壓縮得,里面包含YUI,打包之后會出現這種文件

 

 解決辦法:jsencrypt.min.js文件中不含有YUI,故可以用jsencrypt.min.js

1、將jsencrypt.min.js文件拷貝到utils目錄中

 2、在index.html中引入jsencrypt.min.js文件

 知識拓展:為什么在index.html中引入jsencrypt.min.js?

新建一個vue項目,在public目錄下會生成index.html文件。

main.js是我們項目的入口文件,主要作用是初始化vue實例並使用需要的插件,這里new Vue代表新建vue對象。App.vue是我們的主組件,所有頁面都是在App.vue下進行切換的。vue中的頁面都是單頁面,但是都是index.html上承載的,這就是為什么你能在index.html中看到id為app的div,其實就是和App.vue對應,App.vue里面的標簽將會把路由相關內容(index.js)渲染在這個地方,總之index.html是項目運行的入口。
項目加載的過程是index.tml->main.js->app.vue->index.js->單頁面(XXX.vue)

index.html內容如下:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>vue_project_01</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but vue_project_01 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM