在根目录下创建 vue.config.js 文件 。 即可 vue.config.js : // vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这里只列一
原创 2022-04-21 16:48:56
2235阅读
vue项目中的配置 以vue-cli搭建的项目为例, 在webpack配置文件 /config/index.js, 由于我们是在开发环境下使用,自然而然是要配置在dev里面,找到 proxyTable属性,配置如下:dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyT
转载 2024-07-19 22:43:23
360阅读
在现代网页开发中,许多开发者希望将前端框架(例如 Vue.js)与后端数据库(如 MySQL)集成,从而实现数据的动态交互。Vue2 利用 AJAX 请求来获取数据库中的数据,我们可以通过以下几个方面来探讨如何高效地实现 Vue2 获取 MySQL 数据。接下来,我们将从版本对比、迁移指南、兼容性处理、实战案例、排错指南和生态扩展六个方面来构建这篇博文。 ## 版本对比 让我们首先看看 Vue
原创 6月前
12阅读
 文章目录一、是什么?二、devServer的作用三、如何解决问题四、配置代理后打包部署报错404的解决方法一、是什么?问题的出现是因为浏览器的同源策略问题,所谓同源:就是两个页面具有相同的协议(protocol),主机(host)和端口号(port),它是浏览器最核心也是最基本的功能,如果没有同源策略我们的浏览器将会十分的不安全,随时都可能受到攻击。二、devServe
转载 5月前
83阅读
Vue2之基础介绍和指令与过滤器一、简介1、概念2vue的两个特性2.1 数据驱动视图2.2 双向数据绑定3、MVVM二、vue基础用法1、导入vue.js的script脚本文件2、在页面中声明一个将要被vue所控制的DOM区域3、创建vm实例对象(vue实例对象)4、样例完整代码三、指令与过滤器1、指令的概念2、六大类指令3、内容渲染指令3.1 介绍3.2 三个种类3.3 v-text3.4
1、收集表单数据收集表单数据若:<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。若:<input type="radio"/>,则v-model收集的是value值,且要给标签配置value属性。若:<input type="checkbox"/>    1.没有配置inp
转载 2024-10-18 11:39:02
95阅读
## VUE2 axios获取本地JSON数据的科普文章 在现代前端开发中,Vue.js已经成为一个非常流行的框架,用于构建用户界面。与之配合使用的库Axios是一款基于Promise的HTTP客户端,能够方便地进行请求和响应处理。在很多情况下,我们需要从本地存储的JSON文件中获取数据,并将其展示在Vue应用中。本文将介绍如何在Vue2中使用Axios获取本地JSON数据,并提供示例代码。
原创 9月前
310阅读
Sentry?开源的实时错误追踪工具,可以帮助开发人员实时监控和修复系统中的错。注册及创建项目。在官网注册完成后选择vue, 创建项目(这些网上都有就不详细讲了),创建项目之后会出现详细步骤安装:npm install --save @sentry/vue @sentry/tracing配置:import * as Sentry from "@sentry/vue";import { Integr
# 使用 Vue2 和 Axios 获取 JSON 数据的详细指南 在现代前端开发中,使用 Vue.js 框架结合 Axios 库来获取后端的 JSON 数据非常常见。对于初学者来说,理解这个流程非常重要。本篇文章将指导你如何在 Vue2 中使用 Axios 来获取 JSON 数据,我们会按照以下步骤进行。 ## 流程概述 下面的表格展示了整个操作的流程: | 步骤 | 描述
原创 2024-10-18 07:42:44
254阅读
背景介绍:  开发微信公共号时前后端分离,后台用C#开发,前端使用vue框架,数据采用axios传输具体问题:  1:前后端分离造成的访问问题cookie传输和设置问题解决方案:  1:使用jsonp作为数据传输的方式,前端和后端配合解决问题解决cookie传输(get、set)具体方案:  问题一:  1:controller/// <summary>
转载 2024-07-29 13:50:03
871阅读
# Vue2中使用Axios发送请求控制不生效的解决方案 在现代Web开发中,问题是一个常见的挑战。尤其是在使用Vue框架与Axios进行HTTP请求时,开发者可能会遇到请求控制不生效的问题。本文将带您深入了解该问题的成因,并提供解决方案以及代码示例。 ## 什么是请求? 请求是指在一个网页上请求不同域名(协议、域名、端口其中之一不同)的资源。浏览器出于安全考虑,默认会限
原创 9月前
320阅读
1 解决开发环境中的ajax请求问题1.1 请求问题我们知道服务器与服务器之间是不存在请求的问题的,但一般在项目中是不允许进行请求的,若要进行请求,就需要借助一台代理服务器了,在进行请求时,我们的请求如果直接发给目标服务器,目标服务器会返回一段具有特殊响应头的响应体数据,那么返回的数据是无法解析的,这时候就需要在本项目的端口配置一台代理服务器,先将请求发送给代理服务器,再又
转载 6月前
58阅读
设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创 2021-07-23 11:32:15
393阅读
比如 我要请求的地址是
原创 2022-09-01 20:27:50
219阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件 安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint 用于检查和标示出ECMAScript/JavaScript代码规范问题工具。 (2)@babel/eslint-parser 简而言之就是一个解析器,允许您使用ES
转载 2024-05-29 12:57:59
283阅读
前言工作中用到了消息推送功能,之前了解过SOCKET 无意中了解到即时通讯框架SocketIO 简单说两句Socket.IO 是什么Socket.IO是一个库,基于 Node.js 的实时应用程序框架。可以在浏览器和服务器之间实现实时,双向和基于事件的通信。它适用于每个平台、浏览器或设备,同样注重可靠性和速度。Socket.IO 起源WebSocket 的产生源于 Web 开发中日益增长的实时通信
config里面的index.js dev => proxyTable '/abc':{ target: 'http://localhost:8083', changeOrigin: true, //可由后端通过request.getHeader('Host')获取请求地址 pathRewrite: ...
转载 2021-08-12 16:22:00
376阅读
2评论
一.什么是 问题的出现是因为浏览器的同源策略问题,所谓同源:就是两个页面具有相同的协议(protocol),主机(host)和端口号(port),它是浏览器最核心也是最基本的功能,如果没有同源策略我们的浏览器将会十分的不安全,随时都可能受到攻击。 当我们请求一个接口的时候,出现如:Acces ...
转载 2021-09-13 16:03:00
275阅读
2评论
这里写目录标题一.出现原因二.解决方案1.手写过滤器实现,通过过滤器开放需要访问的接口2.CORS常用的三种解决问题的方法3.响应头添加Header允许访问4.jsonp实现(仅适用GET请求,不推荐)5.使用nginx搭建企业级接口网关方式6.使用Spring Cloud zuul接口网关 一.出现原因  是指a页面想获取b页面资源,如果a、b页面的协议、名、端口、子域名不同
转载 2023-09-18 22:05:33
105阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载 2017-06-24 05:50:00
220阅读
  • 1
  • 2
  • 3
  • 4
  • 5