uniapp 編譯H5項目部署tomcat,空白頁

原創 Pannahouse 2020-06-07 18:56

H5項目部署到服務器出現的問題

在這裏插入圖片描述Uniapp項目打包H5步驟：

  1. 點擊菜單 發行->H5
    在這裏插入圖片描述
  2. 在當下項目下的unpackage/dist/build/h5目錄找到出的資源，部署服務器（或者使用本地服務器預覽，不要直接在瀏覽器打開html文件）。
  3. 訪問時直接按照服務器路徑訪問，不需要加index.html

解決辦法
首先在HbuilderX裏點擊【manifest.json】，然後選擇【h5配置】，然後【路由模式】選擇history模式（因爲微信支付等場景不支持hash模式）
在這裏插入圖片描述
在這裏插入圖片描述
來來來敲黑板看下圖
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Uniapp中父組件向子組件傳遞prop，新的prop會帶有舊的prop屬性

簡潔 最近使用uniapp開發微信小程序，某一個頁面需要做成可配置化，因此會出現直接在父組件修改傳遞到子組件的prop，但是會出現這種情況，假設新傳遞的prop對象爲newObj，舊傳遞的prop對象爲oldObj，如果Objec

py_boy 2020-07-08 12:07:32

uniapp的相關介紹

1.pages.json   官網地址：https://uniapp.dcloud.io/collocation/pages?id=%e9%85%8d%e7%bd%ae%e9%a1%b9%e5%88%97%e8%a1%a8     pag

大佬养成记 2020-07-08 07:55:30

淘寶聯盟渠道ID獲取說明

淘寶聯盟渠道ID獲取有兩種方式： 1、直接使用聯盟後臺的渠道邀請鏈接，發給用戶進行訪問並登錄淘寶賬號授權登錄，成功後可在聯盟後臺查看到該用戶的渠道ID，此方法適用於下屬渠道不多時使用（只有導購業務沒有返利業務時可以使用此種方式） 2、使用A

原創 2024-04-10 21:37:35

canvas和context的關係 畫布和畫筆的關係

在HTML5中，Canvas是一個圖形繪製區域，它是一個HTML標籤，用於在網頁上動態渲染2D和3D圖形。而Context是Canvas的上下文，它是用於在Canvas上進行繪圖的接口。具體來說，有2D Context和3D Context

原創 2024-03-29 21:24:02

uniapp實現圖片的放大縮小可拖拽

官網地址：https://uniapp.dcloud.io/component/movable-view?id=movable-view 實現放大縮小主要依賴 - movable-view 注意： movable-area指代可拖動的範圍

大佬养成记 2020-07-08 07:55:36

uniapp的那些坑

1.selectedColor不起作用      1.查看位置是否寫對，與lis同級                    2.是否爲16進制，selectedColor寫的rgb不支持  3.是否被其他樣式覆蓋，其他地方也設置過sele

大佬养成记 2020-07-08 07:55:14

Hbuilder使用plus.zip.compressImag上傳圖片

轉自：https://blog.csdn.net/yunzhonghefei/article/details/53579457 https://ask.dcloud.net.cn/question/52116

IT小白3 2020-07-08 07:05:27

uniapp小程序實現水印

<template> <view class="content"> <view class='water_top'> <canvas canvas-id='myCanvas' style='width:100%;height

Ace.斗皇 2020-07-07 18:26:01

uniapp 兩個scroll-view相互作用

如何在uniapp，scroll-view標題和scroll-view內容相互聯動效果? talk is less, show the code: <template> <view class="img-show-wrap fz

晓鱼仔 2020-07-07 10:47:04

uniapp vue JS php 跨域訪問解決方法

header("Access-Control-Allow-Origin: *" ); //設置允許的請求方法，可以用*表示所有， header("Access-Control-Allow-Methods: *"); header('Ac

lqk11 2020-07-06 08:06:45

uniapp，vue，uni.request()實現同步返回數據處理，繼續執行後面的數據

App.vue //應用載入 onLaunch: function(option) { let $this = this; $this.globalMain(); methods: { globalMain: async fun

lqk11 2020-07-06 08:06:45

uniapp監聽webview值的變動（引入頁面的title）

vue頁面引入： html頁面： <title>上傳文件</title> <body style="position: fixed; top: 300px; left: 47%;"> <div class="head-b

曳猫、 2020-07-06 00:22:48

uniapp中用原生js上傳文件（file）

因爲uniapp不支持 input type=“file”，所以需要創建html文件 用web-view標籤引入 首先在項目內創建hybrid目錄，在hybrid下創建html文件（因爲在hybrid下的文件不會被uniapp編

曳猫、 2020-07-06 00:22:47

uniapp android（安卓）項目離線打包

1、在HBX打開uniapp項目進行調試 2、調試完成後，打開manifest.json文件，修改應用版本名稱和應用版本號 3、接着製作自定義基座（注意自定義基座每天有限次數，超過要收費，具體自己去了解） 4、製作完成後，點

曳猫、 2020-07-06 00:22:46

【uniapp】 讀取手機通訊錄權限

現在很多APP，市場需求都需要讀取我們手機上的相關權限，例如WX要讀取通訊錄，相冊，照相機等權限，其他APP亦如此 但是在獲得這些權限之前我們首先需要徵得用戶的統一之後才能讀取 官方講解： https://www.html5plus.or

静墨客 2020-07-05 23:22:15