这个是普通安装nginx,docker安装在下面,首先进入cd /usr/local/src1.安装node环境wget https://nodejs.org/dist/v14.17.1/node-v14.17.1-linux-x64.tar.gz2.解压文件tar xzf node-v14.17.1-linux-x64.tar.gz3.重命名(不是必须的)mv node-v14.17
本文主要是记录一下在apache二级目录上面部署react和vue项目。根目录下面部署很简单,但是在二级目录下就需要在webpack的配置或者vue-cli的配置文件以及路由组件做一些简单调整。由于mac系统自己带了apache,所以我们只需要开启就可以了。配置apache在终端中输入sudo apachectl start,然后在浏览器中输入"http://localhost",如果出现"It
在这篇文章中,我将向你介绍如何将Vue3应用部署Nginx服务器上。首先,让我们看一下整个流程的步骤: | 步骤 | 操作 | | ----- | ----- | | 1 | 构建Vue3应用 | | 2 | 配置Nginx服务器 | | 3 | 部署Vue应用到Nginx | 现在让我们逐步了解每个步骤应该如何操作。 ### 步骤1:构建Vue3应用 首先,确保你已经在本地开发环境中编
原创 2024-05-06 10:35:00
518阅读
1. 使用Vue编写前端的主要知识     1.1 .vue前端文件由3分组成,分别为<template>模板中的html代码、<script>中的js代码以及<style>中的样式     1.2 模板部分中一般习惯用一个<div>做根标签,可以用html代码使用Element UI提供
转载 6月前
10阅读
代码地址 https://github.com/AutKevin/RuoYi-Vue3 调试阶段 yarn run dev 直接运行代码,不需要编译 编译预览 #使用stage环
原创 2月前
67阅读
如何在Linux服务器上部署Vue项目1. 在本地将Vue项目打包 以项目运行在vscode为例,在调试窗口输入 npm run build待命令执行完毕之后,在项目目录下会生成dist文件夹,如下图2. 创建一个运行文件,名字是:server.js server.js中的内容如下:const express = require('express'); const app = express();
1. 安装使用官网提供的脚手架工具 create-nuxt-app,创建一个nuxtjs项目。npx create-nuxt-app xianyun注意:在NPM版本5.2.0默认安装了npx,在命令行窗口输入npm --version可查看当前版本号 需要等待片刻安装依赖的下载,下载完成后可以看到下面的提示框,要求输入项目名称。UI框架我们选择通用的Element-ui。&n
转载 1月前
437阅读
nuxt学习记录项目流程图 其中以下基础配置是与我们当前开发的后台管理系统进行对标的,方便我们快速上手,方便使用1.安装 以上是本地安装所选项,具体安装所选项和安装后目录展示可以异步到这里2.项目实现本来打算学习nuxt的,刚好有个后台管理系统入口的静态页面需要实现,就简单的撸了一下,初步主要涉及到资源引入,组件,组件数据传输,整体开发方式跟vue一样,只是组件需要放到components下,页面
转载 2024-09-27 12:52:20
715阅读
index.jsindex.js添加代理然后在请求的接口前缀加上/api由于我这边的接口也是api 所以两个api按个人需求,如果请求接口是 /get/userIf,那么需求修改为/api /get/userIfnpm run dev 重启即可 以上方式可以解决我们在vue项目中开发环境的跨域问题,但是无法解决生产环境上的跨域问题,有的时候生产环境上也需要处理跨域问题,这个时候proxy
转载 2024-09-23 10:25:23
93阅读
一、云服务器准备1.品牌:阿里云、百度云等2.服务器系统:CentOS7.0 以上 64位,拿到公网IP3.开通所需要的端口:比如80,8080等一、CentOS设置基本操作启动 Systemctl start firewalld.service 停止 Systemctl stop firewalld.service 重启 Systemctl restart firewalld.
转载 2024-10-15 15:56:30
75阅读
一.Vue3项目情况说明router文件夹下的index.jsimport { createRouter, createWebHashHistory } from "vue-router" const routes = [ { path:'/saoma', name:'Saoma', // redirect:'/saoma',
原创 2023-11-30 15:19:38
264阅读
linux 安装 nginx 以及部署 vue 到服务器Linux环境下Nginx服务器先查看Linux服务器下有没有安装:GCC、automake、pcre、zlib和openssl 如果安装后会显示各自的版本号//查看openssl rpm -qa openssl //查看zlib rpm -qa zlib //查看pcre r
转载 2024-08-05 21:41:45
110阅读
检查安装[root@kurolz ~]# rpm -qa pcre* pcre-devel-7.8-6.el6.x86_64 pcre-7.8-6.el6.x86_64 [root@kurolz ~]# rpm -qa openssl* openssl-1.0.0-27.el6.x86_64安装nginx包下载地址:h
原创 2017-05-19 15:19:38
1187阅读
Hadoop安装部署 本文主要是以安装和使用hadoop-0.12.0为例,指出在部署Hadoop的时候容易遇到的问题以及如何解决。 硬件环境 共有3台机器,均使用的FC5系统,Java使用的是jdk1.6.0。IP配置如下: dbrg-1:202.197.18.72 dbrg-2:202.197.18.73 d
文末我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。服务器下载nginx /et
javascript -> typescriptVue3相较于Vue2,其使用TypeScript完全重写了vue源码,ts的优势不用多说,它带来的类型检查的能力不论是对于vue内部还是项目本身,都很大程度上的减少了代码错误出现频率,进而提升了整体的项目质量与性能。Object.defineProperty -> ProxyVue2采用Object.defineProperty实现的响
# Vue3 不用axios 在Vue.js 3中,我们不再需要使用传统的axios库来进行网络请求,而是可以直接使用Vue提供的内置工具来进行数据请求和响应处理。Vue3中的Composition API和新的reactive属性使得处理异步请求变得更加简单和高效。 ## Vue3中的异步请求 Vue3提供了一个内置的`fetch`函数来处理异步请求。`fetch`函数返回一个Promis
原创 2024-05-03 03:37:56
326阅读
一、前言:Vue3Vue2对比:性能提升:Vue3这个框架将Vue全部重构了。新的框架。底层采用TS来进行重构,性能提升能达到100%对TS的支持,Vue3底层默认采用TS进行开发。我们Vue开发过程中,一般也会默认结合TS来使用Vue3目前创建项目采用了新的打包工具,vite工具(xxx)团队他们自己发布的一个打包。目标干掉webpack新增了组合式api和响应式api进行开发(hook编程)
这是我写好的项目(后台管理:admin,前台展示:web,服务端:server)1. 生产环境编译1.修改axios的baseURLconst http = axios.create({ // baseURL: "http://localhost:3000/admin/api" baseURL: process.env.VUE_APP_API_URL || '/admin/api'
Nginx的安装与配置 Nginx官网下载所需版本安装 解压下载好的nginx修改nginx配置文件,配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段  里面的相关注释是在是太多了,那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)worker_processes 1; ##指明了nginx要开启的进程数
  • 1
  • 2
  • 3
  • 4
  • 5