mpvue小程序轉H5

raledong 發布于2019-08-22 18:32 / 1038人閱讀

摘要：前提小程序使用作為請求轉換后的目錄結構如下修改配置文件用腳手架初始化一個項目將小程序中文件夾和文件夾拷貝到中，覆蓋原來的文件夾修改文件刪除關于小程序相關配置小程序中使用中使用指定掛載元素修改刪除關于小程序的相關配置，添加如下代碼

前提：mpvue小程序使用fly作為http請求
轉換后的目錄結構如下：

├─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腳手架初始化一個項目

  vue init webpack my-project

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

修改main.js文件

   刪除關于小程序相關配置

    // 小程序中使用
    var Fly=require("flyio/dist/npm/wx") 
    // web中使用
    var Fly=require("flyio/dist/npm/fly") 
    // 指定掛載元素
    new Vue({
      el: "#app",
      template: "",
      components: { App }
    })

修改APP.vue

   刪除關于小程序的相關配置，添加如下代碼

配置路由

配置相關路由

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

列表項目

    cnpm run dev
    運行中應該會出現一些錯誤，會提示安裝flyio,安裝便是
    解決一些錯誤，不出以外就可以跑起來了

GPU云服務器云服務器個人小程序轉企業小程序微信內h5頁面打開小程序 js網站轉小程序 mpvue

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

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

mpvue開發小程序所遇問題及h5轉化方案

摘要：騰訊地圖提供的只提供了經緯度定位，而產品需要的是確認定位后獲取城市，進行同城商品檢索阿里云對象儲存處理文件上傳，比較意外的是騰訊對阿里云的域名前綴進行了封禁后臺不能配置，解決方案是讓后臺將該域名進行服務器域名代理。 mpvue開發小程序所遇問題及h5轉化方案項目結構 |---build |---pages.js文件目錄 |---src ...

big_cat 2019-08-22 18:06 評論0 收藏0
【開源】小程序And公眾號商城，外加后臺，功能齊全！

摘要：前言一個集微信公眾號商城小程序商城商城后臺的一個開源項目，后臺是基于開發的，是一個簡潔而強大的開源微信公眾平臺開發框架，微信功能插件化開發多公眾號管理配置簡單。微信小程序項目下載整個包之后，進行根目錄文件夾。前言一個集微信公眾號商城/小程序商城/商城后臺的一個開源項目，后臺是基于WeiPHP5.0開發的，WeiPHP是一個簡潔而強大的開源微信公眾平臺開發框架，微信功能插件化開發,多...

VishKozus 2019-08-23 13:49 評論0 收藏0
【開源】小程序And公眾號商城，外加后臺，功能齊全！

摘要：前言一個集微信公眾號商城小程序商城商城后臺的一個開源項目，后臺是基于開發的，是一個簡潔而強大的開源微信公眾平臺開發框架，微信功能插件化開發多公眾號管理配置簡單。微信小程序項目下載整個包之后，進行根目錄文件夾。前言一個集微信公眾號商城/小程序商城/商城后臺的一個開源項目，后臺是基于WeiPHP5.0開發的，WeiPHP是一個簡潔而強大的開源微信公眾平臺開發框架，微信功能插件化開發,多...

linkFly 2019-07-01 11:00 評論0 收藏0
美團小程序框架mpvue蹲坑指南

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

AprilJ 2019-08-22 16:01 評論0 收藏0