應(yīng)該這樣調(diào)用 this.$http.get('/result/listSummarysPage',{ params: params })

解決方法：
1.開始---運(yùn)行DCOMCNFG在"組件服務(wù)"對(duì)話框中,依次展開"組件服務(wù)","計(jì)算機(jī)""我的電腦",在"我的電腦"右鍵屬性對(duì)話框中單擊"COM安全"選項(xiàng)卡，在"啟動(dòng)和激活權(quán)限"下，單擊"編輯限制"，在"啟動(dòng)權(quán)限"對(duì)話框中，將你要訪問的用戶或組添加到"組或用戶名稱"列表中。在"啟動(dòng)權(quán)限"對(duì)話框中，在"組或用戶名稱"框架內(nèi)選擇您的用戶和組。在"用戶權(quán)限"下的"允許"欄中，選擇"遠(yuǎn)程啟動(dòng)"，然后單擊“確定”
2.開始---運(yùn)行,到達(dá)dos命令行狀態(tài)，輸入netsh firewall set Service RemoteAdmin enable(disable為不可用）
輸入完以后會(huì)提示“確定”代表執(zhí)行動(dòng)作生效

3.打開“控制面板”---“管理工具”，點(diǎn)擊“本地安全策略”，選擇“本地策略”---“安全選項(xiàng)”，選擇中間的“網(wǎng)絡(luò)訪問：本地賬戶的共享和安全模式”把它的值設(shè)為“經(jīng)典--本地用戶以自己的身份驗(yàn)證”，然后再回到dos命令行下，輸入以下命令：

wmic /node:[機(jī)器IP] /user:[管理員賬戶名] /password:[密碼] process where (name='qq.exe') call terminate
以上這句話可以把遠(yuǎn)程控制的機(jī)器上的qq進(jìn)行關(guān)閉
其中name='qq.exe'也可以寫成別的進(jìn)程名，看自己有什么樣的需求； 如：name='winword'等等

antd, antd-mobile 一起用，這樣試下：

    // .babelrc

    "plugins": [
        [
            "import", [
                {
                    "libraryName": "antd-mobile",
                    "style": true
                },
                {
                    "libraryName": "antd",
                    "style": true    
                }
            ]
        ]
    ]

用v-if控制一下渲染條件看看

data里邊是返回的數(shù)據(jù)，也就是e.data ，state:1代表成功
另外 你把接口也沒打碼暴露在論壇上是不是不太好。。。

user定義在函數(shù)的內(nèi)部，屬于局部變量，外部不能調(diào)用

不知道樓主解決了沒有，這里分享下，我的解決方案（已經(jīng)解決了）。使用了 vue-awesome-swiper(內(nèi)置的 swiper 用的版本是4.x)。
在 loop 開啟的時(shí)候，dom 綁定事件是有問題的。因?yàn)樵趌oop模式下slides前后會(huì)復(fù)制若干個(gè)slide，從而形成一個(gè)環(huán)路，但是卻不會(huì)復(fù)制綁定在dom上的click事件。
因此只能使用 swiper 提供的 api 方法進(jìn)行解決。

在 swiperOption 里，定義一個(gè) click 事件，具體代碼如下：
html 代碼片段

<swiper :options="swiperOption" ref="mySwiper">
  <swiper-slide
    v-for="(banner, index) in bannerList"
    :key="banner.id">
    <div class="banner-item">
      <img :src="banner.imgUrl" alt="news">
      <p>{{banner.title}}</p>
    </div>
  </swiper-slide>
  <div class="swiper-pagination" slot="pagination"></div>
</swiper>

js 代碼片段

let vm = null;
new Vue({
    data: function() {
     return {
         swiperOption: {     // 輪播配置
              loop: true,   // 循環(huán)滾動(dòng)
              on: {
                click: function () {
                  // 這里有坑，需要注意的是：this 指向的是 swpier 實(shí)例，而不是當(dāng)前的 vue， 因此借助 vm，來調(diào)用 methods 里的方法 
                  // console.log(this); // -> Swiper
                  // 當(dāng)前活動(dòng)塊的索引，與activeIndex不同的是，在loop模式下不會(huì)將 復(fù)制的塊 的數(shù)量計(jì)算在內(nèi)。
                  const realIndex = this.realIndex;
                  vm.handleClickSlide(realIndex);
                }
              }
            }
         },
         bannerList: [
          {
           id: '1',
           title: '世界杯揭幕戰(zhàn)-超新星1球2助攻俄羅斯5-0沙特 格里茲曼宣布留馬競(jìng)',
           imgUrl: 'http://n.sinaimg.cn/sports/180/w640h340/20180615/AYes-hcyszrz3457297.jpg'
          },
          {
            id: '2',
            title: '顏值滿分！世界杯首日美女球迷盤點(diǎn)',
            imgUrl: 'http://n.sinaimg.cn/sports/180/w640h340/20180615/H3Wz-hcyszrz4804003.jpg'
          },
          {
            id: '3',
            title: '盤點(diǎn)歷屆世界杯大比分“屠殺”',
            imgUrl: 'http://n.sinaimg.cn/sports/180/w640h340/20180615/FNuk-hcyszrz4805039.jpg'
          }
        ]  
    },
    computed: {
      swiper() {
        return this.$refs.mySwiper.swiper;
      }
    },
    created() {
        vm = this;
    },
    methods: {
       handleClickSlide(index) {
           console.log('當(dāng)前點(diǎn)擊索引：'， index);
       } 
    }
})
 

希望能幫到你及更多的人

你是不是配置了代理

1:嘗試還原之前版本，檢查是什么東西影響了切換效果
2:用真機(jī)不好嗎？使用以下命令真機(jī)調(diào)試

ionic cordova run android --device
ionic cordova run android --device -lc //可以像網(wǎng)頁一樣熱更新和打印console

可以不用過濾器的，試試這樣看行不行：

 <el-option
      :class="{active: activeIndex===index}"
      class="ty-opg-opt"
      v-for="(item,index) in sportDatabaseOrderBy" 
      :key="item.id"
      :label="item.majorKindName"
      :value="item.mets"
      v-if="item.firstLetter == letter"> //添加這句試試

實(shí)時(shí)設(shè)置css做不到或者說沒意義。

但是，

你可以媒體查詢啊

HTTP響應(yīng)碼碼是404，檢查一下請(qǐng)求url是否正確...

這個(gè)是編輯效果。是我問題沒有描述清楚。
旁邊有一個(gè)收起按鈕，是一個(gè)頁面的變量，true的時(shí)候才會(huì)顯示。這個(gè)字段數(shù)據(jù)庫沒有保存，所以在后臺(tái)取回?cái)?shù)據(jù)的時(shí)候沒有這個(gè)變量。所以頁面沒有渲染出來，給人的感覺就是代碼邏輯寫錯(cuò)了。
解決方法就是：在后臺(tái)傳回來的時(shí)候給這個(gè)字段賦值，或者在頁面加載的時(shí)候賦值

問題解決了，Authorization里的token填錯(cuò)了...但是這反映出程序設(shè)計(jì)上的問題。沒有好好處理resp的返回信息。

1、Ueditor：功能十分強(qiáng)大，兼容性好。
2、Umeditor：上面一個(gè)的簡(jiǎn)版，功能也很強(qiáng)大
3、Quill：A modern rich text editor built for compatibility and extensibility

如果是用于學(xué)習(xí)，推薦第三個(gè)，輕量，簡(jiǎn)潔（其他的框架或多或少的都要依賴jq）。而且有React、Vue等主流框架的版本。

前言

問題解決了，特來反哺社區(qū)

先總結(jié)一下。HashedModuleIdsPlugin用于穩(wěn)定 ModuleId 的，我問的問題核心是 生成穩(wěn)定的ChunkId，這兩者是不一樣的。

如何生成穩(wěn)定ModuleId

表現(xiàn):

只修改了 home/index.js 的代碼，但在最終的構(gòu)建結(jié)果中，vendor.js 的文件指紋也被修改了

原因有兩個(gè):

1. webpack runtime (運(yùn)行時(shí)) 中包含 chunks ID 及其對(duì)應(yīng) chunkhash 的對(duì)象，但 runtime 被集成到 vendor.js 中。
2. entry 內(nèi)容修改后，由于 webpack 的依賴收集規(guī)則導(dǎo)致構(gòu)建產(chǎn)生的 entry chunk 對(duì)應(yīng)的 ID 發(fā)生變化，webpack runtime 也因此被改變。

解決辦法:

1. 使用CommonsChunkPlugin 繼續(xù)將webpack runtime抽離出來
   
2. 使用HashedModuleIdsPlugin代替原有的ModuleId根據(jù)依賴的收集順序遞增的正整數(shù)生成規(guī)則。

順便一提，生成穩(wěn)定的ModuleId在官方文檔 - 緩存中有提及

早前經(jīng)過合理的配置(可以參考用 webpack 實(shí)現(xiàn)持久化緩存，實(shí)現(xiàn)了其他模塊變動(dòng)后，vendor.js的文件指紋不會(huì)發(fā)生變化的效果)

效果如下:

如何生成穩(wěn)定的ChunkId

很多文章都只介紹到如何生成穩(wěn)定的ModuleId，沒有提到生成穩(wěn)定的ChunkId

后來經(jīng)過 @dahoshaw的提醒

可以看下Webpack的源碼，Webpack是根據(jù)模塊的順序遞增chunkid，源代碼中的applyChunkIds函數(shù),所以官方有提供NamedChunksPlugin插件來根據(jù)文件名來穩(wěn)定你的chunkid

webpackJsonp有三個(gè)參數(shù)，每次有新的entry加入說明資源數(shù)增加了，Chunk數(shù)量也會(huì)跟著增加。ChunkId也會(huì)遞增

這有點(diǎn)類似ModuleId遞增變動(dòng)導(dǎo)致的文件指紋變化而導(dǎo)致的長效緩存失效

他推薦的文章 Predictable long term caching with Webpack確實(shí)寫的不錯(cuò)!

解決辦法:

在生產(chǎn)環(huán)境中的Webpack配置添加plugin: NamedChunksPlugin

// 使用模塊名稱作為chunkid,替換掉原本的使用遞增id來作為chunkid導(dǎo)致的[新增entry模塊,其他模塊的hash發(fā)生抖動(dòng),導(dǎo)致客戶端長效緩存失效]
config.plugins.push(new webpack.NamedChunksPlugin((chunk) => {
  // 解決異步模塊打包的問題
  if (chunk.name) {
    return chunk.name;
  }
  return chunk.modules.map(m => path.relative(m.context, m.request)).join("_");
}));

最后驗(yàn)證一下，我們先打包一下項(xiàng)目，打包結(jié)果結(jié)構(gòu)如下:

dist
├── home
│?? ├── haha.dc494f13ed558999751e.js
│?? ├── index.2266d24e04004acaa5a6.css
│?? └── index.2b15fbd2daa6c833f5d5.js
├── manifest.json
├── runtime.1de86da7006780a96879.js
├── static
│?? └── images
│??     ├── logo-ea7f33f9bddceac362c1d7f378043187.png
│??     └── share-icon-881a5a400142ab60684b3cec860611b4.png
├── sub-home
│?? ├── haha.141284e7095f605726ac.js
│?? ├── index.7039775e1ba458814d14.js
│?? └── index.efd6d51187ec8a058fe6.css
└── vendor.dee373a1cd36f461d200.js

4 directories, 11 files

假設(shè)我們打算新增sub-sub-home模塊。新增這個(gè)模塊后打包結(jié)果結(jié)構(gòu)如下:

dist
├── home
│?? ├── haha.dc494f13ed558999751e.js
│?? ├── index.2266d24e04004acaa5a6.css
│?? └── index.2b15fbd2daa6c833f5d5.js
├── manifest.json
├── runtime.1de86da7006780a96879.js
├── static
│?? └── images
│??     ├── logo-ea7f33f9bddceac362c1d7f378043187.png
│??     └── share-icon-881a5a400142ab60684b3cec860611b4.png
├── sub-home
│?? ├── haha.141284e7095f605726ac.js
│?? ├── index.7039775e1ba458814d14.js
│?? └── index.efd6d51187ec8a058fe6.css
├── sub-sub-home
│?? ├── haha.6501ce2d3a138709282b.js
│?? ├── index.c367ca84bd261f36f050.js
│?? └── index.efd6d51187ec8a058fe6.css
└── vendor.dee373a1cd36f461d200.js

5 directories, 14 files

至此，通過Webpack實(shí)現(xiàn)長效緩存實(shí)踐完美收官。

參考

知乎 - webpack 每次打包公用vendor 每次hash都會(huì)變化，有辦法解決嗎？

用 webpack 實(shí)現(xiàn)持久化緩存

Predictable long term caching with Webpack

官方文檔 - 緩存

可能是你瀏覽器裝的一些插件的js文件

ti+='<p claqss="title-count">已答'+(q++)+'/8題，答對(duì)1題</p>';

304是服務(wù)器用了輸出緩存，也就是head里用了no-cache,如果你只做前端，這個(gè)和你沒有太大關(guān)系

包在script標(biāo)簽里面的腳本中不能出現(xiàn)</script>，不然沒法解析