成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

mpvue小程序轉(zhuǎn)H5

raledong / 1054人閱讀

摘要：前提小程序使用作為請(qǐng)求轉(zhuǎn)換后的目錄結(jié)構(gòu)如下修改配置文件用腳手架初始化一個(gè)項(xiàng)目將小程序中文件夾和文件夾拷貝到中，覆蓋原來(lái)的文件夾修改文件刪除關(guān)于小程序相關(guān)配置小程序中使用中使用指定掛載元素修改刪除關(guān)于小程序的相關(guān)配置，添加如下代碼

前提：mpvue小程序使用fly作為http請(qǐng)求
轉(zhuǎn)換后的目錄結(jié)構(gòu)如下：
├─build
├─config
├─src
│?├─components
│?├─pages
│?├─store
│?├─router
│?├─App.vue
│?└─main.js
├─static
├─.babelrc
├─.editorconfig
├─.eslintignore
├─.eslintrc.js
├─.gitignore
├─.postcssrc.js
├─index.html
├─package.json
└─README.md

修改配置文件

用vue-cli腳手架初始化一個(gè)項(xiàng)目

  vue init webpack my-project

將mpvue小程序中src文件夾和static文件夾拷貝到my-project中，覆蓋my-project原來(lái)的文件夾

修改main.js文件

   刪除關(guān)于小程序相關(guān)配置
    // 小程序中使用
    var Fly=require("flyio/dist/npm/wx") 
    // web中使用
    var Fly=require("flyio/dist/npm/fly") 
    // 指定掛載元素
    new Vue({
      el: "#app",
      template: "",
      components: { App }
    })

修改APP.vue

   刪除關(guān)于小程序的相關(guān)配置，添加如下代碼  


配置路由

配置相關(guān)路由

import Vue from "vue"
import Router from "vue-router"

Vue.use(Router)
const getPage = name => {
  return resolve => require([`../pages/${name}/index.vue`], resolve)
}

export default new Router({
  routes: [
    {
      path: "/",
      name: "index",
      component: getPage("index")
    }
  ]
})

修改main.js

   將路由掛載到根組件

import router from "./router"
new Vue({
  el: "#app",
  router,
  template: "",
  components: { App }
})

安裝依賴
    cnpm install 
列表項(xiàng)目
    cnpm run dev
    運(yùn)行中應(yīng)該會(huì)出現(xiàn)一些錯(cuò)誤，會(huì)提示安裝flyio,安裝便是
    解決一些錯(cuò)誤，不出以外就可以跑起來(lái)了

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95970.html

相關(guān)文章

  • mpvue開發(fā)小程序所遇問(wèn)題及h5轉(zhuǎn)化方案

    摘要：騰訊地圖提供的只提供了經(jīng)緯度定位，而產(chǎn)品需要的是確認(rèn)定位后獲取城市，進(jìn)行同城商品檢索阿里云對(duì)象儲(chǔ)存處理文件上傳，比較意外的是騰訊對(duì)阿里云的域名前綴進(jìn)行了封禁后臺(tái)不能配置，解決方案是讓后臺(tái)將該域名進(jìn)行服務(wù)器域名代理。 mpvue開發(fā)小程序所遇問(wèn)題及h5轉(zhuǎn)化方案 項(xiàng)目結(jié)構(gòu) |---build |---pages.js文件目錄 |---src ...

    big_cat 評(píng)論0 收藏0

  • 【開源】小程序And公眾號(hào)商城，外加后臺(tái)，功能齊全！

    摘要：前言一個(gè)集微信公眾號(hào)商城小程序商城商城后臺(tái)的一個(gè)開源項(xiàng)目，后臺(tái)是基于開發(fā)的，是一個(gè)簡(jiǎn)潔而強(qiáng)大的開源微信公眾平臺(tái)開發(fā)框架，微信功能插件化開發(fā)多公眾號(hào)管理配置簡(jiǎn)單。微信小程序項(xiàng)目下載整個(gè)包之后，進(jìn)行根目錄文件夾。 前言 一個(gè)集微信公眾號(hào)商城/小程序商城/商城后臺(tái)的一個(gè)開源項(xiàng)目，后臺(tái)是基于WeiPHP5.0開發(fā)的，WeiPHP是一個(gè)簡(jiǎn)潔而強(qiáng)大的開源微信公眾平臺(tái)開發(fā)框架，微信功能插件化開發(fā),多...

    VishKozus 評(píng)論0 收藏0

  • 【開源】小程序And公眾號(hào)商城，外加后臺(tái)，功能齊全！

    摘要：前言一個(gè)集微信公眾號(hào)商城小程序商城商城后臺(tái)的一個(gè)開源項(xiàng)目，后臺(tái)是基于開發(fā)的，是一個(gè)簡(jiǎn)潔而強(qiáng)大的開源微信公眾平臺(tái)開發(fā)框架，微信功能插件化開發(fā)多公眾號(hào)管理配置簡(jiǎn)單。微信小程序項(xiàng)目下載整個(gè)包之后，進(jìn)行根目錄文件夾。 前言 一個(gè)集微信公眾號(hào)商城/小程序商城/商城后臺(tái)的一個(gè)開源項(xiàng)目，后臺(tái)是基于WeiPHP5.0開發(fā)的，WeiPHP是一個(gè)簡(jiǎn)潔而強(qiáng)大的開源微信公眾平臺(tái)開發(fā)框架，微信功能插件化開發(fā),多...

    linkFly 評(píng)論0 收藏0

  • 美團(tuán)小程序框架mpvue蹲坑指南

    摘要：這個(gè)是我們約定的額外的配置這個(gè)字段下的數(shù)據(jù)會(huì)被填充到頂部欄的統(tǒng)一配置美團(tuán)汽車票同時(shí)，這個(gè)時(shí)候，我們會(huì)根據(jù)的頁(yè)面數(shù)據(jù)，自動(dòng)填充到中的字段。 美團(tuán)小程序框架mpvue(花名：沒(méi)朋友)蹲坑指南 第一次接觸小程序大概是17年初,當(dāng)時(shí)小程序剛剛內(nèi)側(cè),當(dāng)時(shí)就被各種限制折騰的死去活來(lái)的,單向綁定,沒(méi)有promise,請(qǐng)求數(shù)限制,包大小限制,各種反人類,...反正我是感受到了滿滿的惡意.最近接到一個(gè)工...

    AprilJ 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

raledong

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<