Rising_life

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

Rising_life ·

谢谢，其实真正需要修改的不多，简单的项目，大部分配置都默认好了，不需要修改，
publicPath,assetsDir,productionSourceMap,css{sourceMap},还有devServer改下就行了
我贴下一个简单的

module.exports = {
// publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/',

//基本路径
publicPath: './',//默认的'/'是绝对路径，如果不确定在根路径，改成相对路径'./'
// 输出文件目录
outputDir: 'dist',
assetsDir:'static',
indexPath:'index.html',
// eslint-loader 是否在保存的时候检查
lintOnSave: true,
// 生产环境是否生成 sourceMap 文件
productionSourceMap: false,
// css相关配置
css: {
// 是否使用css分离插件 ExtractTextPlugin
extract: true,
// 开启 CSS source maps?
sourceMap: false,
},
// webpack-dev-server 相关配置
devServer: {
open: false,//open 在devServer启动且第一次构建完成时，自动用我们的系统的默认浏览器去打开要开发的网页
host: '0.0.0.0',//默认是 localhost。如果你希望服务器外部可访问，指定如下 host: '0.0.0.0'，设置之后之后可以访问ip地址
port: 8080,
hot:true,//hot配置是否启用模块的热替换功能，devServer的默认行为是在发现源代码被变更后，通过自动刷新整个页面来做到事实预览，开启hot后，将在不刷新整个页面的情况下通过新模块替换老模块来做到实时预览。
https: false,
hotOnly: false,// hot 和 hotOnly 的区别是在某些模块不支持热更新的情况下，前者会自动刷新页面，后者不会刷新页面，而是在控制台输出热更新失败
proxy: {
'/': {
target: 'http://xxxx:8080', //目标接口域名
secure: false, //false为http访问，true为https访问
changeOrigin: true, //是否跨域
pathRewrite: {
'^/': '/' //重写接口
}
}
}, // 设置代理
before: app => {}
},
// 第三方插件配置
pluginOptions: {
// ...
}
};

肖霞子 评论自vue.config.js 配置

Rising_life

@简约酒馆 没有线上源码，文章是业余时间学习笔记，您可以搜索 qiankun 或 微前端 进行学习。我不是大佬，感谢您的肯定。一起学习，共同勉励，谢谢

qianKun + VUE 实现微前端架构 (基于vue2实现)

创建两个项目作为实现demo，一个为主应用，一个为子应用 主应用 安装 qiankun: 使用qiankun： 在 utils 内创建 微应用文件夹 microApp,同时在...

Rising_life

4853 2 12

Rising_life

@桂平哈利路亚 不需要

vue.config.js 配置

vue-config-js配置参考 vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 创建vue.config.js vue...

Rising_life

433694 8 312

Rising_life

VSCode 中的每个命令都可以通过 CTRL+SHIFT+P (MAC COMMAND+SHIFT+P) 搜索命令提示符执行，但是知道直接的快捷方式会可能会更快。 1. C...

Rising_life

我这边遇到的大致分以下几种情况，1需要登录后才能访问；2登录用户分权限，根据角色id不同分配不同的菜单路由，比如分管理员和用户两种权限；管理员有更高的菜单权限3禁止手动输入p...

Rising_life

一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优...

Rising_life

南瓜不结果的原因是没有蜜蜂采花粉，需要人工传播花粉，就是两朵花的花蕊相互碰几下

日常散记（96）

1 老乡分给我一些韭菜根儿，教我栽进土里。栽完她来看，说太密了，韭菜根会越发越多的，间距应该留得再宽一点。 于是拔出来重新栽，稀稀疏疏的，栽了三、四个泡沫箱。 尽管不起眼，我...

艺味深藏

2321 41 68

Rising_life ·

还是蛮全，现在一直用flex了

伊泽瑞尔灬 评论自CSS居中方案汇总全家桶

Rising_life

Vue大屏项目自适应--响应式盒子 一、获取当前浏览器可视窗口宽高 1、在Vue项目 src文件夹内新建 utils文件夹=>index.js。 2、在utils文件夹内的i...