使用vue的同学们大都是基于vue-cli来搭建项目的,vue-cli中的配置全面强大。// 常用的命令
npm run dev // 本地热更新模式
npm run build //生产模式 会在根目录下打包出一个dist文件夹,直接放在服务器上就可以使用了开发阶段与后台同学进行数据交互(调试接口) 本机与服务器之间会出现跨域问题跨域报错解决办法在npm run dev执行后,项目会在本地nod            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-14 14:21:07
                            
                                314阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            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中配置            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-02-19 20:11:00
                            
                                751阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在今天的技术环境中,将Vue.js打包后的应用加载到Android本地是一项挑战,但也是一个激动人心的任务。为了让这个过程变得简单明了,我将对“Vue打包之后在Android本地加载需要配置什么”的过程进行详细的记录与分析。
## 环境准备
首先,我们需要做好一些前期的环境准备工作。这里涉及到一些前置依赖的安装。
### 前置依赖安装
- Node.js
- Android Studio            
                
         
            
            
            
            问题:在使用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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-13 09:39:45
                            
                                209阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue怎么全局定义一个变量代替路径。原理:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用exportdefault暴露出去,在里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。全局变量模块文件:文件:constserverSrc='';consttoken='12345678';consthasEnter=false;constus            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-15 13:06:50
                            
                                94阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            背景:做一个前后端分离的项目,使用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            
                
         
            
            
            
            Vue的环境配置因为在学习之后需要运用所学知识来完成自己的项目,这篇博客就来说说我是如何配置Vue环境的。 1、打开vue的官网:https://cn.vuejs.org/Vue官网 2、打开学习->教程->安装。 3、这里我们选择开发版本,因为开发版本能在你进行开发时提示你的错误信息,比较方便。 4、创建自己的项目文件,我这里命名为Teacher management system。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-13 11:09:24
                            
                                34阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在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阅读