国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

VUE頁面中加載外部HTML

張憲坤 / 3551人閱讀

摘要:所以,在頁面顯示的時候,如果以頁面內嵌的形式顯示這個說明文件。本文思路是把請求以來,以的形式加載到頁面內部。

前后端分離,后端提供了接口。但有一部分數據,比較產品說明文件,是存在其他的服務器上的。
所以,在頁面顯示的時候,如果以頁面內嵌的形式顯示這個說明文件。需要搞點事情以達到想要的效果。

不同以往的IFRAME標簽,那種方式比較Low,另外有其他的一些BUG。
本文思路是把HTML請求以來,以v-html的形式加載到頁面內部。注冊全局組件【v-html-panel】

1.HtmlPanel.vue文件



htmlViewSample.vue



上一張效果圖
...]

注意事項:

直接使用axios處理的GET請求,需要處理跨域

外部的css樣式會作用到顯示的html

同時加載的外部html里的script也可能會執行,需要按需處理下

外部HTML文件內部的相對路徑將不會被自動識別,絕對路徑可以


NGINX跨域配置:
(Origin如果使用*的話,好像會出錯,這里直接使用請求源的地址,如果擔心安全性的話,可以用if+正則條件判斷下)

location / {
    add_header Access-Control-Allow-Origin $http_origin;
    add_header Access-Control-Allow-Credentials true;
    add_header Access-Control-Allow-Methods GET;

    access_log  /data/nginx/logs/fdfs_https.log  main;

    ...
}

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/39600.html

相關文章

  • 再談JavaScript模塊化

    摘要:應用日益復雜,模塊化已經成為一個迫切需求。異步模塊加載機制。引用的資源列表太長,懶得回調函數中寫一一對應的相關參數假定這里引用的資源有數十個,回調函數的參數必定非常多這就是傳說中的 簡述 緣起 模塊通常是指編程語言所提供的代碼組織機制,利用此機制可將程序拆解為獨立且通用的代碼單元。 模塊化主要是解決代碼分割、作用域隔離、模塊之間的依賴管理以及發布到生產環境時的自動化打包與處理等多個方面...

    MorePainMoreGain 評論0 收藏0
  • 使用vue開發移動端管理后臺

    摘要:獨立完成一個移動端項目不是很明白為何會有這樣的商品管理后臺,還是有些經驗不足,包括對產品的全局思考,對插件的選擇等,都有考慮不周的缺點,導致自己中途想換圖形界面插件,浪費了點時間,這里記錄下,總結下經驗,理一下思路。 獨立完成一個移動端項目(不是很明白為何會有這樣的商品管理后臺),還是有些經驗不足,包括對產品的全局思考,對插件的選擇等,都有考慮不周的缺點,導致自己中途想換圖形界面插件,...

    simpleapples 評論0 收藏0
  • 2019年前端面試題-03

    摘要:前端示例服務器端代碼可靠的實例添加回調函數拼接傳遞的是一個匿名的回調函數,要執行的話,暴露為一個全局方法出錯處理使用示例歡迎閱讀年前端面試題年前端面試題年前端筆試題我是,年輕的前端攻城獅一枚,愛專研,愛技術,愛分享。 let與var的區別? Let為ES6新添加申明變量的命令,它類似于var,但是有以下不同: 1、var聲明的變量,其作用域為該語句所在的函數內,且存在變量提...

    王巖威 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<