使用vue的同学们大都是基于vue-cli来搭建项目的,vue-cli中的配置全面强大。// 常用的命令 npm run dev // 本地热更新模式 npm run build //生产模式 会在根目录下打包出一个dist文件夹,直接放在服务器上就可以使用了开发阶段与后台同学进行数据交互(调试接口) 本机与服务器之间会出现跨域问题跨域报错解决办法npm run dev执行后,项目会在本地nod
Vue.js是一种流行的JavaScript框架,用于构建用户界面。而Java是一种广泛使用的编程语言,常用于构建后端服务器和应用程序。开发过程中,通常需要将Vue.js前端部署本地,并与Java后端进行接口通信。本文将探讨如何在本地部署Vue.js和Java,并编写接口以解决一个实际问题。 问题描述: 我们需要开发一个简单的Web应用程序,用于管理学生信息。该应用程序需要提供以下功能: 1
原创 2023-12-16 07:44:31
102阅读
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 IIS部署vue3项目一、IIS 安装二、解决404问题三、windows环境下安装/使用 nginx 提示:以下是本篇文章正文内容,下面案例可供参考一、IIS 安装二、解决404问题如图安装 url-rewrite 工具 ,安装成功需要重启IIS 面板,正常就出现在IIS工具面板配置重写规则 ,选不是文件 条件这时候页面可以加载出
记录一次vue的启动以下步骤管理员权限下执行安装node.js网上一堆idea安装vue.js插件过于简单安装vue-clinpm install -g vue-cli构建项目(已经有项目忽略这一步)vue init webpack frontend安装项目依赖需要切换到项目根目录下,有个package.json,直接使用npm install命令就可以识别安装这一步经常出问题如果出问题了,不要
转载 2024-02-04 22:46:18
176阅读
config文件夹下面的index.js中配置
vue
转载 2020-02-19 20:11:00
751阅读
今天的技术环境中,将Vue.js打包后的应用加载到Android本地是一项挑战,但也是一个激动人心的任务。为了让这个过程变得简单明了,我将对“Vue打包之后Android本地加载需要配置什么”的过程进行详细的记录与分析。 ## 环境准备 首先,我们需要做好一些前期的环境准备工作。这里涉及到一些前置依赖的安装。 ### 前置依赖安装 - Node.js - Android Studio
原创 5月前
44阅读
问题:使用HTML55的API时,很多API只能在https保证安全的情况下才能开启,这就要求本地开发环境也能配置https,否则需要每次部署到开发环境才能看到预览效果 使用mkcert mkcert是一个用GO写的零配置专门用来本地环境https证书生成的工具 文档地址:https://gitcode.net/gitcode/docs-cn/mkcert-docs-cn macOS Linux
翻译 2024-03-05 10:44:45
111阅读
前言vue3的已经正式发布了,从官方文档来看,部分api和功能有较大的改动,刚好,最近想写个vue3的插件,转念一想那我能不能同时也支持vue2呢?就引出了这个问题,我们能使插件支持vue3的同时也能支持vue2么?通用代码最简单的方式就是写vue2和vue3都能运行的代码(指vue2与vue3都支持的api),就像人们为python2和python3那样处理。编写这样的插件要求我们避免使用在vu
vue怎么全局定义一个变量代替路径。原理:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用exportdefault暴露出去,在里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。全局变量模块文件:文件:constserverSrc='';consttoken='12345678';consthasEnter=false;constus
背景:做一个前后端分离的项目,使用vue-cli创建的前端项目,在前端配置跨域请求。一、开发阶段 vue.config.js中配置devserver的proxy进行代理请求配置,然后将所有请求改为/api开头的即可。但是这样配置开发阶段起作用。所以nginx上部署的时候,需要再重新配置请求代理。 vue.config.js中代码配置如下:// 相当于webpack-dev-server,对
转载 2024-02-23 19:26:31
558阅读
一.安装配置apache        一般来讲做内网服务器项目应该整一个linux服务器,不过作者的公司配置的都是win服务器,所以以下内容皆以win为准。        首先我们需要登录apache的官网下载安装一个win官方版本。      &
转载 2023-10-08 07:08:53
224阅读
现代前端开发中,使用 `Vue` 与 `Axios` 组合来读取本地 `JSON` 配置文件是一个常见需求。文章将围绕这个主题,帮助大家一步步实现这个功能。 ## 环境准备 为了顺利执行示例代码,确保以下软硬件要求: | 软件 | 版本 | 备注 | |---------------|------------|-------------| | N
原创 6月前
139阅读
Vue的环境配置因为在学习之后需要运用所学知识来完成自己的项目,这篇博客就来说说我是如何配置Vue环境的。 1、打开vue的官网:https://cn.vuejs.org/Vue官网 2、打开学习->教程->安装。 3、这里我们选择开发版本,因为开发版本能在你进行开发时提示你的错误信息,比较方便。 4、创建自己的项目文件,我这里命名为Teacher management system。
vue中如何模拟接口
原创 2023-11-15 15:46:28
106阅读
vue脚手架配置代理具体代理图:就是类似于一个中介方法一 vue.config.js中添加如下配置:devServer:{ proxy:"http://localhost:5000" }说明:优点:配置简单,请求资源时直接发给前端(8080)即可。缺点:不能配置多个代理,不能灵活的控制请求是否走代理。工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器 (优先匹
转载 2024-04-15 17:39:19
76阅读
V u e 中 配 置 f i l t e r s Vue配置filters Vue配置filters 1.src新建filters文件夹并在filters下新建index.js 在这里插入代码片 2.mian.js进行全局注册 import * as filters from './filters/' // 循环注册全局过滤器 Object.keys(filters).f
原创 2021-08-02 13:49:55
189阅读
这个背景是这样的,就是我运行这个 Vue 代码,然后再每次本机运行的时候,我的服务器是
原创 2022-07-03 01:07:34
1670阅读
module.exports = { publicPath: "./", // ./相对路径 productionSourceMap: false,// 打包时不生成.map文件 devServer: { open: true, proxy: { '/dev-api': { target: 'htt ...
转载 2021-09-20 19:21:00
199阅读
2评论
这里的vue代理是 vue静态服务器做代理。使用的是http-proxy-middleware这个模块(这个模块相当于是node.js的一个插件)。proxy配置代码//vue-cli3.0 里面的 vue.config.js做配置 没有可以将自己建一个devServer: { proxy: { // 这里监听一个别名,下面替换掉 '/api': { //这里最好有一个 / target: 'http://172.16.18.26:8081', // 后台接口域...
原创 2020-09-29 15:18:27
295阅读
这里的vue代理是 vue静态服务器做代理。使用的是http-proxy-middleware这个模块(这个模块相当于是node.js的一个插件)。proxy配置代码//vue-cli3.0 里面的 vue.config.js做配置 没有可以将自己建一个devServer: { proxy: { // 这里监听一个别名,下面替换掉 '/api': { //这里最好有一个 / target: 'http://172.16.18.26:8081', // 后台接口域...
原创 2020-09-29 15:18:27
1777阅读
  • 1
  • 2
  • 3
  • 4
  • 5