Rising_life

Nginx安裝[http://www.reibang.com/p/20f04f3bc7ad?v=1700640882901] 在 Nginx 中配置跨域代理 在 Nginx...

Rising_life ·

謝謝，其實真正需要修改的不多，簡單的項目讽坏，大部分配置都默認(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)源代碼被變更后，通過自動刷新整個頁面來做到事實預(yù)覽考廉，開啟hot后秘豹，將在不刷新整個頁面的情況下通過新模塊替換老模塊來做到實時預(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.config.js 配置

Rising_life

@簡約酒館 沒有線上源碼，文章是業(yè)余時間學(xué)習(xí)筆記袱讹，您可以搜索 qiankun 或 微前端 進(jìn)行學(xué)習(xí)疲扎。我不是大佬，感謝您的肯定捷雕。一起學(xué)習(xí)椒丧，共同勉勵，謝謝

qianKun + VUE 實現(xiàn)微前端架構(gòu) (基于vue2實現(xiàn))

創(chuàng)建兩個項目作為實現(xiàn)demo救巷，一個為主應(yīng)用壶熏，一個為子應(yīng)用 主應(yīng)用 安裝 qiankun: 使用qiankun： 在 utils 內(nèi)創(chuàng)建 微應(yīng)用文件夾 microApp,同時在...

Rising_life

5068 2 12

Rising_life

@桂平哈利路亞 不需要

vue.config.js 配置

vue-config-js配置參考 vue-cli3 腳手架搭建完成后，項目目錄中沒有 vue.config.js 文件浦译，需要手動創(chuàng)建 創(chuàng)建vue.config.js vue...

Rising_life

434181 8 312

Rising_life

VSCode 中的每個命令都可以通過 CTRL+SHIFT+P (MAC COMMAND+SHIFT+P) 搜索命令提示符執(zhí)行鹰贵，但是知道直接的快捷方式會可能會更快。 1. C...

Rising_life

我這邊遇到的大致分以下幾種情況敷钾，1需要登錄后才能訪問；2登錄用戶分權(quán)限肄梨，根據(jù)角色id不同分配不同的菜單路由阻荒，比如分管理員和用戶兩種權(quán)限；管理員有更高的菜單權(quán)限3禁止手動輸入p...

Rising_life

一众羡、axios的封裝 在vue項目中侨赡，和后臺交互獲取數(shù)據(jù)這塊，我們通常使用的是axios庫粱侣，它是基于promise的http庫羊壹，可運(yùn)行在瀏覽器端和node.js中。他有很多優(yōu)...

Rising_life

南瓜不結(jié)果的原因是沒有蜜蜂采花粉齐婴，需要人工傳播花粉舶掖，就是兩朵花的花蕊相互碰幾下

日常散記（96）

1 老鄉(xiāng)分給我一些韭菜根兒，教我栽進(jìn)土里尔店。栽完她來看眨攘，說太密了，韭菜根會越發(fā)越多的嚣州，間距應(yīng)該留得再寬一點(diǎn)鲫售。 于是拔出來重新栽，稀稀疏疏的该肴，栽了三情竹、四個泡沫箱。 盡管不起眼匀哄，我...

藝味深藏

2338 41 68

Rising_life ·

還是蠻全秦效，現(xiàn)在一直用flex了

伊澤瑞爾灬 評論自CSS居中方案匯總?cè)彝?/a>

Rising_life

Vue大屏項目自適應(yīng)--響應(yīng)式盒子 一法梯、獲取當(dāng)前瀏覽器可視窗口寬高 1苔货、在Vue項目 src文件夾內(nèi)新建 utils文件夾=>index.js犀概。 2、在utils文件夾內(nèi)的i...