日志（2022.3.7，vuex和vue-cli的代理服务器）

已于 2022-03-07 18:43:55 修改
阅读量976 收藏 1
点赞数
文章标签： vue.js javascript 前端
于 2022-03-07 18:05:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aghvvbn/article/details/123335698
版权
本文探讨了Vuex的状态管理流程，包括dispatch、actions、commit、mutations和getters，以及Vue CLI中设置代理服务器的方法，以解决跨域问题。通过比喻解释Vuex流程，强调了其在前端应用中的重要性，并简要介绍了URL与URI的区别。
摘要由CSDN通过智能技术生成

距离上次写日志已经过去很久了，比对写日志的那段时间，确确实实会发现写日志，会明确出每天需要做的内容，总结一天的内容，这会将学的内容，更容易吸收进去。所以还是要继续每天坚持写日志,不能懒惰。

今天主要想将vue的剩余内容，再强化巩固一下（vuex，vue-cli的代理服务器）。

 

vuex的流程：通过dispatch，将流程传递到actions中，actions中是处理逻辑的地方，在通过commit传递到mutations中，mutations中是真正处理数据的地方，state是存放数据的地方，getters中可以在原有数据的基础上做出一些改变，并return出去。这其中，如果没有逻辑需要处理，可以直接通过commit传递到mutations中。

下面是actions里面需要的：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYWdodnZibg==,size_20,color_FFFFFF,t_70,g_se,x_16

mutations：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYWdodnZibg==,size_20,color_FFFFFF,t_70,g_se,x_16

state和gette

最低0.47元/天 解锁文章
aghvvbn
关注
管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管.zip
02-25
【标题】"管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管理框架"揭示了这是一个使用特定技术栈构建的后台管理系统。它主要基于Vue.js，利用Vue CLI 4（Vue.js的命令行工具）进行快速...
vite+vue本地开发代理查看代理详情日志
wobofan2006的博客
09-19 1139
如下这般在vue-cli里有效的logLevel: 'debug’在vite环境下无效。然后要在package.json的启动命令里加上–debug。
10 分钟搞懂 Vite devServer，速来围观
油墨香^-^的博客
03-07 4005
这就有了 cli 里的创建 server方法啦~ 总结一下：本文从初始第一步的 cli 命令开始来引入，vite 命令做了什么，然后引导大家找到 createServer 的入口。其次，我们深入探究 createServer 需要的"五脏十五腑",有 websocketServer,fsWatcher,moduleGraph 等 5 个模块来支撑需要的零件，根据 15 个中间件的分工来串联整个加工流程，最终打磨出我们的 devServer。
新版vue-init 脚手架去除dev-server.js问题
qiqi学习园地
12-10 1901
原文地址：https://segmentfault.com/a/1190000012133507
最新poj3692（二分图最大独立集），2024前端岗面试题知识点小结
最新发布
2401_84413092的博客
05-09 466
除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】i++)int main()while(1)break;i < G;i++)i < M;i++)i < G;i++)j < B;j++)if(!ddd[i][j])
vue config.js proxy 代理使用记录
for_story的博客
12-21 2482
vue config.js proxy 代理使用记录 访问开发环境： proxy: { // detail: https://cli.vuejs.org/config/#devserver-proxy [process.env.VUE_APP_BASE_API]: { target: `http://192.168.2.37:8084`, changeOrigin: true, logLevel:'deb
vue-cli3.x-configure:基于vue-cli3.x下，配合vuex、vue-router、iView、axios、scss、amfe-flexible、vConsole等等等
05-30
vue-cli3.x-configure基于vue-cli3.x下，配合vuex、vue-router、iView、axios、scss、amfe-flexible、vConsole等等.我对SessionLogs.vue做了pxtorem的编译，用的是局部转换 postcss-px2rem-exclude调试工具我用的是...
vue-cli-plugin-component-创建组件的Vue CLI 3插件-Vue.js开发
05-27
vue-cli项目的vue-cli-plugin-component组件插件│README.md│LICENSE（可选）└───src│├──index.js│└───components│vue-cli-plugin-component组件vue-cli项目的插件│README.md│LICENSE（可选）└─...
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发
05-27
：在使用Vue-CLI 3或4创建的应用程序目录中打开一个终端（建议使用4）。 然后，通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器：vue add electronic-builder就是这样！ 您准备好出发了！ 要...
vuex-router-sync：轻松保持vue-router和vuex存储同步
02-06
用法# the latest version works only with vue-router >= 2.0npm install vuex-router-sync# for usage with vue-router < 2.0:npm install vuex-router-sync@2 import { sync } from 'vuex-router-sync'import ...
webpack5配置dev-server在控制台打印信息
weixin_42349568的博客
12-03 3289
一，设置前： 二，设置内容 在devServer中添加： devServer: { client: { logging: 'error',//只打印报错，其实只要这个配置就好了 overlay: { //有报错发生，直接覆盖浏览器视窗，显示错误 errors: true, warnings: false, }, }, }
【vue】devserver及其配置
热门推荐
qq_42425551的博客
03-08 4万+
一、devserver背景介绍 每次改代码都需要重新部署, 或者只改变修改代码行的效果 所以出现了devserver本地服务 为了完成自动编译，webpack提供了几种可选的模式 方式一：webpack watch mode 实现方法一： 在导出的配置中，添加watch:true 实现方法二： 在启动webpack的命令中，添加–watch的标识 方式二：webpack-dev-server(常用) 二、webpack-dev-server 上面的方式可以监听到文件的变化，但是事实上它本身没有自动刷新浏
vue-cli5 proxy反代查看真实路径
个人博客
08-08 2553
我们在node_modules/http-proxy-middleware/dist/http-proxy-middleware.js中的prepareProxyRequest方法中的。但是我在配置之后并没有任何日志打印在控制台。按道理源码中this.logger.debug方法应该要打印，但是它没有生效。修改源码这种方式很不推荐，因为只能在自己本地使用，而且一旦更新包就需要重新修改，还是安心等待官方进行处理吧。但是通过阅读源码发现，外面可以手动在源码中加入调试语句，不过并不推荐，仅作本地临时调试使用。..
记录Vue proxy代理配置
lin13958756858的博客
12-24 1702
vue.config.js配置 module.exports = { devServer: { // proxy: 'http://192.168.1.117:8085' proxy: { '/lsh': { // 1.lsh这个值 的意义在于，声明axios中url已/lsh开头的请求都适用于该规则，最后的请求地址为http://192.168.1.117:8085/lsh/xxx/xxx
Vite 3.2.5配置代理proxy,打印代理转发的日志
bufegar0的博客
12-06 3282
使用vite代理模式后，想看看vite是否传递参数，故而需要打印出代理的转发日志。启动的时候，带上–debug参数即可。如下所示 另一种是借用 proxy 配置中的 rewrite 函数手动打印，例如 console.log()。自行尝试即可https://gitee.com/matevip/artemis
vue-cli3+ TS 跨域配置之changeOrigin
山海也有意难平
03-04 3347
proxyObj['/sx'] = { // 本地后端地址 target: 'http://192.168.3....', changeOrigin: false, pathRewrite: { '^/sx': 'sx' } } module.exports = { // 单位电脑 devServer: { host: '192.168.3....', port: 8888, proxy: proxyObj } } changeOrigin vue3和vue2 默认值 不一样 踩过的坑: .
vue解决跨域问题（Vue-CLI）
无妄生欢的博客
03-28 3228
Vue项目中，使用反向代理解决跨域问题，首先在vue项目的根目录下创建vue.config.js文件，然后配置vue.config.js文件，只需两步即可解决跨域问题。
Vue项目devServer.proxy代理配置详解
专注Java（全栈）应用开发，求知若渴，虚心若愚，talk is cheap, show me the code.
12-03 5627
Vue项目devServer.proxy代理配置详解的是一个非常常见的需求。如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。可以通过 *.config.js 中的 devServer.proxy 选项来配置。这里我们可以使用规则的数据结构来存储和转发。//服务器会将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000上 module.exports = { devServer: { proxy:
Vue从入门到精通——第一章 Vue核心
m0_63853448的博客
08-31 1086
1.Vue简介2.搭建Vue开发环境3.Hello小案例4.Vue模板语法5.Vue数据绑定6.data与el的两种写法7.MVVM模型8. 事件处理9.计算属性10.监视属性11.class 与 style 绑定12.条件渲染13.列表渲染14.Vue检测数据的原理15.收集表单数据16.过滤器17.内置指令18.自定义指令19.生命周期
Vue.js项目开发：使用vue-cli搭建脚手架指南
"这篇文档详细介绍了如何使用vue-cli搭建基于Vue.js的开发脚手架，同时涉及到了Node.js环境的安装、npm包管理工具以及Webpack自动化构建工具的使用。" 在现代前端开发中，Vue.js作为一款轻量级且功能强大的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值