若依admin项目增加项目路径的配置方法目标在admin项目中增加项目基础目录，便于nginx的路径解析跳转原访问地址UI： http://192.168.x.xx:port/indexAPI： http://192.168.x.xx:port/xxxxx修改后访问地址UI： http://192.168.x.xx:port/tcard/indexAPI： http://192.168.x.x
使用vue开发的项目，有的时候可能会需要添加项目路径，比如需要将vue项目作为子系统挂接在别的系统下，这时候就需要一个约定好的项目路径，才能使当前vue项目的所有资源路径能被正确识别而保证正常访问。 vue添加项目路径需要改两个地方： 1.配置【publicPath】。 module.exports ...
转载
2021-08-08 17:29:00
1156阅读
2评论
第一步：安装一下pathnpm install path --save第二步：在vue.config.js文件中配置一下
原创
2023-06-05 14:19:07
400阅读
安装完vue后搭建了一个项目，直接执行 npm run dev 是可以正常打开页面的： 但是执行 npm run build 打包项目后打开却报错了，如下： 原来是项目中的静态文件路径报错了。。。 然后就针对这个问题去查找解决方法： 第一步： 第二步： 找到下面文件，添加一行代码： 第三步： 重新执
原创
2018-06-28 15:48:00
1204阅读
Node+Ven一、Nodejs介绍二、NPM介绍三、前期准备1.下载安装Node2.配置Node的环境3.可以通过NPM初始化项目4.模块安装1.本地安装（在当前项目下安装JS库）2.全局安装3.生成环境安装4.开发环境安装5、CNPM和NPM四、开发工具五、commonjs模块规范六、Node中的模块1、系统（核心）模块Buffer模块文件系统模块 ->fshttp模块(https模块
转载
2024-04-01 18:35:56
282阅读
一：守卫导航（navigation guard）1、守卫导航的定义和作用1.1 守卫导航的定义守卫导航是在路由之间跳转时做出相应响应的属于路由的方法1.2 守卫导航的作用守卫导航有很多，我主要说一下前置导航，用于在路由跳转前回调。** 注意：1、守卫导航在默认情况下不会被主动调用 **
** 2、路由跳转时发生的参数传递或者查询操作并不会触发守卫导航 **2、守卫导航的用法2.1 前置
转载
2024-09-06 11:43:22
55阅读
前言：我是一名大三在校生，选修的专业是软件工程，然后主要学前端方向，作为一个前端程员，自己也想有自己的网站，然后被大家浏览，我觉得这是对自己能力的肯定，也是自我提升的一种方法，所以我学习了nodejs，利用nodejs作为项目的后端，然后结合前端最流行的框架之一的vue实现项目，那么我们的项目如何部署到云服务器被大家访问浏览，这里我会向大家详解讲解过程。一、首先我们要有属于自己的云服务器ECS，所
转载
2024-05-24 12:21:40
230阅读
一、前言 最近在B站学习了一下全栈开发，使用到的技术栈是Vue+Element+Express+MongoDB，为了让自己学的第一个全栈项目落地，于是想着把该项目部署到阿里云服务器。经过网上一番搜索和自己的一顿操作后，我在这里记录一下自己的部署过程，方便以后查阅。二、环境 阿里云服务器(轻量应用服务器)——保证安装好node和vue3 vue3 node(express框架)三、部署过
转载
2024-04-01 08:52:14
441阅读
第一步：Vue项目的搭建1：首先需要安装node.js和npm 打开cmd命令行，首先安装node 步骤：https://nodejs.org/en/download/ node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版本信息即表示安装成功。（附百度网盘链接链接：https://pan.baidu.com/s/1_tTMryRtsTnIJ4v
转载
2024-06-24 00:19:12
406阅读
Node.js回顾Node是一个基于 Chrome V8 引擎的 JavaScript 运行环境用于运行独立的js文件Nodejs因为Node环境执行js文件, 也管他叫Node.jsNodejs可以用于编写后端的代码和项目 (链接和操作数据库)下载&安装 Nodejs环境到电脑中, 学会终端的使用以及一些常用的命令cmd看好所在目录, 然后node js文件名, 回车即可让node执行这
vue中路径别名的使用在vue项目中，我们通常需要引入很多文件，但是在编写文件路径的时候很是麻烦，很多地方都是重复的路径前缀且容易出错。这个时候我们可以通过定义别名在简化路径，具体的方法如下：1、打开项目的build/webpack.base.conf.js文件，找到resolve→alias，如下：resolve: { extensions: ['.js', '.v...
原创
2022-02-21 16:23:22
301阅读
Vue实战1、Vue-cli1.1、什么是vue-clivue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板。预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，让我们的开发更加的快速。主要的功能统一的目录结构本地调试热部署单元测试集成打包上线1.2、需要的环境1.2.1、nodejs安装Node.js:http://n
转载
2024-02-07 13:18:24
41阅读
vue中路径别名的使用在vue项目中，我们通常需要引入很多文件，但是在编写文件路径的时候很是麻烦，很多地方都是重复的路径前缀且容易出错。这个时候我们可以通过定义别名在简化路径，具体的方法如下：1、打开项目的build/webpack.base.conf.js文件，找到resolve→alias，如下：resolve: { extensions: ['.js', '.v...
原创
2021-08-27 12:50:01
245阅读
vue-cli项目打包需要修改的路径问题命令行输入：npm run build打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。解决：到config文件夹中打开index.js文件。文件里面有两个assetsPublicPath属
转载
2024-04-03 09:16:48
1338阅读
打包后的登录页面背景不出来，怎么办？1. 静态资源路径错位问题解决方案：在项目/config/index.js中找到module.exports中的build
转载
2022-05-26 16:48:49
494阅读
解决跨域：开发环境中配置的跨域在将项目打包为静态文件时是没有用的 ，需要用 nginx 通过反向代理的方式解决这个问题# 工作模式与连接数上限
events {
...
}
# 设定http服务器
http {
...
server {
listen 8080; # 默认端口是 80，如果端口没被占用可以不用修改
se
转载
2024-05-08 08:29:49
3179阅读
下载配置nginx服务器由于项目的需求，把项目部署到nginx服务器上面。首先要现在并配置nginx，这里我看的是菜鸟教程的过程链接: 点这. 2. 但是你需要先配置linux系统，这里我采用的是虚拟机的方式–VM。也就说你要要先下载VM（vmware workstation），在下载配置linux,linux 系统我选的是centos7。这一步可以自行百度。 3. 接下来就是按照菜鸟的教程。 这
转载
2024-05-22 14:42:14
163阅读
vue template中可以使用根
路径加载图片 <img :src="require('@/assets/img/logo.svg')" />scss中是不能这样写的css loader会把非根
路径的url解析为相对
路径……但是又不能写成根
路径/（不转译）,因为没有scss中的图片能不能从根
路径加载呢？也就是说，背景图片的样式可以这么写（template中同样适用）background: url("~@/assets/img/footer.jpg..
原创
2021-06-28 13:52:59
907阅读
第一步 创建vue.config.js文件第二步 添加代码const path = require('path')function resolve(dir) { return path.join(__dirname, di
原创
2023-02-24 11:36:09
313阅读
在开发一个基于Java后端和Vue前端的项目时，找到Vue组件所对应的Java后端路径是一个非常常见但又容易忽略的任务。这不仅关系到开发过程中API的调试与联调，也对后续的代码维护至关重要。本文将详细描述如何解决这个问题。
### 问题背景
在一个典型的应用中，前端使用Vue框架构建用户界面，而后端则使用Java进行业务逻辑处理。开发者在进行RESTful API设计时，可能遇到了一些问题，即不
