Yarn[https://yarn.nodejs.cn/] 是一個成熟的開源包管理器，用于管理 JavaScript 項(xiàng)目中的依賴。 使用NPM安裝 使用NPM安裝Yarn，...
發(fā)簡信
IP屬地：內(nèi)蒙古
-
安裝Yarn包管理器
-
NVM離線安裝Node.js一、nvm安裝 參考：nvm安裝[http://www.itdecent.cn/p/2caa48810fd2] 二、安裝Node.js 在有互聯(lián)網(wǎng)的電腦安裝Node.js[...
-
NVM使用(Node.js Version Manager)nvm命令提示 nvm arch：顯示node是運(yùn)行在32位還是64位。 nvm install <version> [arch] ：安裝node， version是特定版本...
-
NVM安裝（Node.js Version Manager，Node.js版本管理器）一、卸載node 如果你已經(jīng)安裝了node，那么你需要先卸載node（不然安裝nvm可能會失?。?，如果你沒有安裝那直接跳過這一步到下一步。 打開控制面板 -> 打開程序和功能...
-
Nginx安裝 （window系統(tǒng)）一、安裝 從Nginx官網(wǎng)下載Windows版本的Nginx安裝包。Nginx下載[https://nginx.org/en/download.html]我們選擇了Windo...
-
Nginx 服務(wù)代理與轉(zhuǎn)發(fā)
Nginx安裝[http://www.itdecent.cn/p/20f04f3bc7ad?v=1700640882901] 在 Nginx 中配置跨域代理 在 Nginx...
-
謝謝，其實(shí)真正需要修改的不多，簡單的項(xiàng)目，大部分配置都默認(rèn)好了，不需要修改，
publicPath,assetsDir,productionSourceMap,css{sourceMap},還有devServer改下就行了
我貼下一個簡單的
module.exports = {
// publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/',
//基本路徑
publicPath: './',//默認(rèn)的'/'是絕對路徑，如果不確定在根路徑，改成相對路徑'./'
// 輸出文件目錄
outputDir: 'dist',
assetsDir:'static',
indexPath:'index.html',
// eslint-loader 是否在保存的時候檢查
lintOnSave: true,
// 生產(chǎn)環(huán)境是否生成 sourceMap 文件
productionSourceMap: false,
// css相關(guān)配置
css: {
// 是否使用css分離插件 ExtractTextPlugin
extract: true,
// 開啟 CSS source maps?
sourceMap: false,
},
// webpack-dev-server 相關(guān)配置
devServer: {
open: false,//open 在devServer啟動且第一次構(gòu)建完成時，自動用我們的系統(tǒng)的默認(rèn)瀏覽器去打開要開發(fā)的網(wǎng)頁
host: '0.0.0.0',//默認(rèn)是 localhost。如果你希望服務(wù)器外部可訪問，指定如下 host: '0.0.0.0'，設(shè)置之后之后可以訪問ip地址
port: 8080,
hot:true,//hot配置是否啟用模塊的熱替換功能，devServer的默認(rèn)行為是在發(fā)現(xiàn)源代碼被變更后，通過自動刷新整個頁面來做到事實(shí)預(yù)覽，開啟hot后，將在不刷新整個頁面的情況下通過新模塊替換老模塊來做到實(shí)時預(yù)覽。
https: false,
hotOnly: false,// hot 和 hotOnly 的區(qū)別是在某些模塊不支持熱更新的情況下，前者會自動刷新頁面，后者不會刷新頁面，而是在控制臺輸出熱更新失敗
proxy: {
'/': {
target: 'http://xxxx:8080', //目標(biāo)接口域名
secure: false, //false為http訪問，true為https訪問
changeOrigin: true, //是否跨域
pathRewrite: {
'^/': '/' //重寫接口
}
}
}, // 設(shè)置代理
before: app => {}
},
// 第三方插件配置
pluginOptions: {
// ...
}
}; -
Vue 使用lib-flexible適配PC端（rem）安裝lib-flexible與postcss-px2rem 代碼直接使用rem單位不方便閱讀，安裝postcss-px2rem插件可以自動把px轉(zhuǎn)成rem 使用及配置 在 m...
-
@簡約酒館 沒有線上源碼，文章是業(yè)余時間學(xué)習(xí)筆記，您可以搜索 qiankun 或 微前端 進(jìn)行學(xué)習(xí)。我不是大佬，感謝您的肯定。一起學(xué)習(xí)，共同勉勵，謝謝
qianKun + VUE 實(shí)現(xiàn)微前端架構(gòu) (基于vue2實(shí)現(xiàn))
創(chuàng)建兩個項(xiàng)目作為實(shí)現(xiàn)demo，一個為主應(yīng)用，一個為子應(yīng)用 主應(yīng)用 安裝 qiankun: 使用qiankun： 在 utils 內(nèi)創(chuàng)建 微應(yīng)用文件夾 microApp,同時在...
-
@桂平哈利路亞 不需要
vue.config.js 配置
vue-config-js配置參考 vue-cli3 腳手架搭建完成后，項(xiàng)目目錄中沒有 vue.config.js 文件，需要手動創(chuàng)建 創(chuàng)建vue.config.js vue...
-
qianKun + VUE 實(shí)現(xiàn)微前端架構(gòu) (基于vue2實(shí)現(xiàn))創(chuàng)建兩個項(xiàng)目作為實(shí)現(xiàn)demo，一個為主應(yīng)用，一個為子應(yīng)用 主應(yīng)用 安裝 qiankun: 使用qiankun： 在 utils 內(nèi)創(chuàng)建 微應(yīng)用文件夾 microApp,同時在...
-
qiankun + Vue實(shí)現(xiàn)微前端服務(wù)本文介紹如何使用qiankun + Vue搭建一個前端微服務(wù) 一、什么是微前端 Techniques, strategies and recipes for building...
-
跟大家一起學(xué)習(xí)、進(jìn)步
-
WebSocket詳解：技術(shù)原理、代碼演示和應(yīng)用案例1、內(nèi)容簡介 本文將簡要介紹 WebSocket 的由來、原理機(jī)制以及服務(wù)端/客戶端實(shí)現(xiàn)，并以實(shí)際客戶案例指導(dǎo)并講解了如何使用 WebSocket 解決實(shí)時響應(yīng)及服務(wù)端消息推...
-
VSCode 快捷鍵
VSCode 中的每個命令都可以通過 CTRL+SHIFT+P (MAC COMMAND+SHIFT+P) 搜索命令提示符執(zhí)行，但是知道直接的快捷方式會可能會更快。 1. C...
-
uni-app 入門介紹 uni-app 是一個使用 Vue.js[https://vuejs.org/] 開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響...
-
vue路由權(quán)限的一些處理
我這邊遇到的大致分以下幾種情況，1需要登錄后才能訪問；2登錄用戶分權(quán)限，根據(jù)角色id不同分配不同的菜單路由，比如分管理員和用戶兩種權(quán)限；管理員有更高的菜單權(quán)限3禁止手動輸入p...
-
Vue 中 Axios 的封裝和 API 接口的管理
一、axios的封裝 在vue項(xiàng)目中，和后臺交互獲取數(shù)據(jù)這塊，我們通常使用的是axios庫，它是基于promise的http庫，可運(yùn)行在瀏覽器端和node.js中。他有很多優(yōu)...
