react中build後的專案資源找不到問題

2021-10-07 17:03:34 字數 878 閱讀 8612

我們在react專案中執行cnpm run build後,打完包生成專案放在伺服器下會報404找不到資源,問題就是喜聞樂見的路徑設定問題了

首先我們看乙個設定在config->webpack.config.js中

// 大家可以搜尋一下這個變數,我簡單說明一下,這個變數就是設定了資源訪問路徑,當然也包括打包路徑

paths.publicurlorpath

然後我們在config->paths.js中可以看到如下**

const publicurlorpath =

getpublicurlorpath

( process.env.node_env ===

'development'

,// 我們要看的就是這行,這裡的homepage

require((

'package.json'))

.homepage,

process.env.public_url

);

最後我們在package.json中新增如下**

"homepage"

:"."

完事重啟專案,就會發現打完包的index.html資源路徑變成下圖(前面全多了個.),放到環境上發現404問題解決了

react專案,build以後啟動問題

建立的react專案,已經整合了webpack,只要執行命令 npm run build 專案就會編譯成功,生成乙個build資料夾,現在問題來了,如何啟動這個專案呢。我們看到命令執行完了,會給乙個操作提示如下圖 首先提醒我們要在package.json裡面加上主頁,接著就是全域性安裝serve n...

vue專案,本地執行和build打包後樣式不同

最近在打包專案上傳到伺服器時,總是會出現奇奇怪怪的樣式,譬如 我本地用el menu做的二級選單分類,在本地可以正常顯示,打包上傳至伺服器出現異常,如下圖 本地正常顯示 打包後異常顯示 解決方案 檢視通過控制台檢視本地渲染後的樣式和伺服器渲染後的樣式,發現之前其他檔案中的el menu的樣式是全域性...

Xcode中的Version和Build的區別

version 應用程式發布版本號 version對應的是cfbundleshortversionstring。version一般由產品部門確定,版本號是由分隔的整數組成的字串,一般有2段或者3段式,如 1.2,1.2.3 二段式 第乙個段 主版本號 大功能的新增或者有迥異的變化 第二個段 副版本號...