<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                [TOC] ### **1. 使用vant 移動ui框架** 網上有教程,需要注意的是使用babel-plugin-import的時候: ![](https://box.kancloud.cn/762eb26266a492b437c80090b5773241_1079x482.png) 在配置babelrc 時,有兩個plugins,而我們需要把vant 配置在第一個上; *** ### 2. **如何使用px 并且自適應** 1. ~~~ npm i lib-flexible --save ~~~ 2. 在項目入口文件 main.js 里 引入 lib-flexible ~~~ // main.js import 'lib-flexible' ~~~ 3. px 轉rem ~~~ npm i px2rem-loader --save-dev ~~~ 4. 配置css-loader ~~~ // bulid/utils.js const cssLoader = { loader: 'css-loader', options: { minimize: process.env.NODE_ENV === 'production', sourceMap: options.sourceMap } } var px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 75 } } // 并加入數組中 function generateLoaders(loader, loaderOptions) { const loaders = options.usePostCSS ? [cssLoader, postcssLoader,px2remLoader] : [cssLoader,px2remLoader] ~~~ *** ### 3.使用vue-cli 如何在本地調試接口: 例子:生產環境地址www.baidi.com:8080/aa/bb: 在開發時,proxyTable的配置應該為: 注意:下面的aa不是隨便起的名字,必須為aa: ~~~ // config index.js proxyTable: { '/aa': { target: 'http://www.baidi.com:8080/aa', // 通過本地服務器將你的請求轉發到這個地址 changeOrigin: true, // 設置這個參數可以避免跨域 pathRewrite: { '^/aa': '' } } }, ~~~ 項目中請求的地址應該為 axios.get('/aa/bb'),代理解析時會在aa前面加上"www.baidi.com:8080/aa"變成了"www.baidi.com:8080/aa/aa/bb", 但是由于配置中的pathRewrite把aa(第二個aa)改為空字符串,所以請求地址變為"www.baidi.com:8080/aa/bb", 在項目打包上線時,代碼里的請求地址不需要改動,下面我來說為什么, 線上代碼運行時,碰到axios.get('/aa/bb')請求,因為在aa的前面有個"/",表示根目錄的意思, 所以"/aa/bb"會被解析為hostname+port+"aa/bb",所以請求地址就為"www.baidi.com:8080/aa/bb", *** ### vue-jsonp 使用vue-jsonp 來跨域時需要注意的是,請求接口返回的數據直接是json對象是會報錯的: ![](https://box.kancloud.cn/0d9f1845be2200946ce792e80d238d5e_629x44.png) jsonp需要返回的是一個js腳本。所以使用jsonp 來跨域請求一個json對象是需要后端配合的。 ### keep-alive keep-alive用戶組件緩存,在vue-2.1之后可以使用include和exclude來緩存某個特定的組件,結合vue-router 可以這么使用 ~~~ // App.vue <keep-alive include="home"> <router-view /> </keep-alive> ~~~ **注意:** 這里include的name 并不是router里面的name 而是組件的name 如: ~~~ // home.vue export default { name: 'home' } ~~~
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看