• nginx: 部署前端项目的详细步骤(vue项目build打包+nginx部署)

    时间:2024-10-20 07:44:34

    目录 第一章 前言 第二章 准备工作 2.1 项目打包理解 2.1.1 打包命令 2.1.2 理解npm run serve/dev 和 npm run build命令 2.2 nginx参数配置理解 2.2.1 nginx常用基本命令 2.2.2 默认配置 2.2.3 搭建不同网站的站点 2.2....

  • Java项目实战II基于spring boot+vue+mysql的针对老年人的景区订票系统设计与实现(源码+数据库+文档)

    时间:2024-10-19 08:02:09

    目录 一、前言 二、技术介绍 三、系统实现 四、文档参考 五、核心代码 六、源码获取 全栈码农以及毕业设计实战开发,CSDN平台Java领域新星创作者,专注于大学生项目实战开发、讲解和毕业答疑辅导。获取源码联系方式请查看文末 一、前言 基于Spring Boot、Vue及MySQL的针对老年人...

  • 【音乐App】—— Vue-music 项目学习笔记:歌单及排行榜开发

    时间:2024-10-15 15:40:15

    前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。歌单及详情页排行榜及详情页一、歌单详情页开发歌单详情页布局介绍及Vuex实现路由数据通讯components->disc目录...

  • 【音乐App】—— Vue-music 项目学习笔记:推荐页面开发

    时间:2024-10-15 14:24:04

    前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记。上一篇总结了项目概述、项目准备、页面骨架搭建。这一篇重点梳理推荐页面开发。项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。一、页面简介+轮播图数据分析数据:从QQ音乐抓取的真实数...

  • 部署Vue项目到服务器后404错误

    时间:2024-10-14 07:59:59

    构建项目:Vue项目构建后生成一系列静态文件。上传文件:使用scp命令将构建好的文件上传至服务器的web容器指定静态目录。scp dist.zip user@host:/xx/xx/xx 配置Web服务器:以Nginx为例,配置服务器以指向静态文件目录。server { listen 80; s...

  • webpack打包vue项目,资源路径如何从绝对路径改为相对路径?css中的图片资源如何修改配置?

    时间:2024-10-13 14:43:14

    资源相对引用路径问题描述一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径。解决办法打开webpack.prod.conf....

  • 在vue-cli 2.x 项目中,引入stylus的全局CSS变量

    时间:2024-10-12 10:28:12

    出处:https://blog.csdn.net/weixin_39378610/article/details/81140358

  • vue项目 webpack打包后,图片路径是绝对路径

    时间:2024-10-09 22:59:13

    vue项目,使用webpack打包,虽然在全局把路径改成了相对的路径,但是图片引用的路径还是异常的,解决办法如下:1、config文件夹下index.js中:assetsPublicPath:"./"背景图片的引用问题上面虽然解决了资源路径的引用问题,但是资源里面的背景图片,不像index.html...

  • Vue84 vue3项目结构分析

    时间:2024-10-08 11:06:46

    打开main.js文件,发现和vue2不同 //引入的不再是Vue构造函数了,引入的是一个名为createApp的工厂函数import { createApp } from 'vue'import App from './App.vue'//创建应用实例对象——app(类似于之前Vue2中的vm,但...

  • Vue创建项目、安装插件、引入全局的less变量

    时间:2024-10-07 18:06:13

    一、查看npm环境变量配置: ①使用快捷键windows+r打开任务管理器 ②输入cmd进入 ③检查是否安装,成功会返回版本号 node -vnpm -v12安装node:/en/download/ 二、创建vue项目,安装插件 ①切换盘符 切换E盘:输入 E:切换到具体的文件夹:输入 cd E...

  • Vue 学习笔记(4)Vue-cli4 项目搭建 + 目录结构 + 项目打包、部署

    时间:2024-10-07 10:48:08

    环境准备 前往这里下载 :/download/ 配置 环境变量;(建议百度) 使用 node -v 验证 是否安装成功 npm 介绍: nodejs包管理工具(node package mangager): npm 对前端主流技术进行统一管理 可以将 nodejs 想象成 Maven...

  • Electron Vue框架环境搭建 Vue3环境搭建-创建Vue3项目

    时间:2024-10-06 12:56:25

    npm create @quick-start/electron@latestyarn create @quick-start/electronpnpm create @quick-start/electron

  • Vue.js-创建Vue项目(Vue项目初始化)并不是用Webstrom创建,只是用Webstrom打开

    时间:2024-10-06 07:58:48

    我犯的错误:作为vue小白,并不知道还要单独去创建初始的vue项目,于是自己在webstrom中建了一个Empty Project,在其中新增了一个js文件,就开始import Vue from “vue”了。运行后自然就报错了:SyntaxError: Unexpected identifier,...

  • VUE项目中文件上传兼容IE9

    时间:2024-10-06 07:40:54

    项目使用VUE编写,UI是ElementUI,但是Element的Upload组件是不兼容IE9的。因为IE9中无法使用FormData。查找资料基本有两种解决方法:1.引入JQuery和jQuery.form。2.使用vue-upload-component1、jQuery.form插件提供aja...

  • 利用VUE-CLI脚手架搭建VUE项目

    时间:2024-10-05 23:48:31

    前言在学习完vue基础语法之后,学着利用vue-cli脚手架搭建一个项目,本篇随笔主要记录搭建的过程,供大家一起学习。具体内容搭建vue项目的准备工作1、安装Nodejs、NPM以及VSCodeNodejs:是一个基于Chrome V8引擎的JavaScript运行环境,它结合NPM一起来管理包。N...

  • vue项目打包文件配置(vue-clli3)

    时间:2024-10-05 23:36:09

    练手项目完结打包的时候遇到一些问题,特此记录先贴我的vue.config.js文件的代码(vue-cli3构建的项目默认是没有此文件的,需手动添加)更多详细配置参考官方配置文档,我的项目不大不小,这些配置貌似就够了module.exports = { // webpack配置,此处是因为我的项目打...

  • 完整搭建一个vue项目

    时间:2024-10-05 15:27:06

    目录一. 搭建一个vue项目的完整步骤二. 卸载vue-cli三. 完全卸载webpack一. 搭建一个vue项目的完整步骤1.安装node.js下载地址# 检查是否安装成功node -vnpm -v2.为了提高下载效率,可以使用淘宝镜像# 淘宝镜像npm install -g cnpm -regi...

  • Springboot毕设项目地铁站自动售票系统77x9w(java+VUE+Mybatis+Maven+Mysql)

    时间:2024-10-05 07:33:28

    项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: Springboot + mybatis + Maven + V...

  • vue实战项目-ego商城

    时间:2024-10-04 11:58:52

    vue实战项目-ego商城 搭建项目 提前cmd查一下vue -V查看vuecli的版本,我本来的版本太高跟这个教程完全对不上,所以重新下载了低版本的vuecli 从5.0.4降到3.11.0,因为elementUI只能支持到vuecli3的版本低版本vuecli安装教程 在VScode里面直接输...

  • vue2后台管理项目总结(一)

    时间:2024-10-04 07:50:14

    <template> <div>员工管理 <el-form :inline="true" ref="searchRef" :model="searchObj"> <el-form-item label="id" pr...