本文主要是记录一下在apache二级目录上面部署react和vue项目。根目录下面部署很简单,但是在二级目录下就需要在webpack的配置或者vue-cli的配置文件以及路由组件做一些简单调整。由于mac系统自己带了apache,所以我们只需要开启就可以了。配置apache在终端中输入sudo apachectl start,然后在浏览器中输入"http://localhost",如果出现"It
这个是普通安装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
转载
2024-10-18 18:38:55
194阅读
在这篇文章中,我将向你介绍如何将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提供
代码地址 https://github.com/AutKevin/RuoYi-Vue3 调试阶段 yarn run dev 直接运行代码,不需要编译 编译预览 #使用stage环
如何在Linux服务器上部署Vue项目1. 在本地将Vue项目打包 以项目运行在vscode为例,在调试窗口输入 npm run build待命令执行完毕之后,在项目目录下会生成dist文件夹,如下图2. 创建一个运行文件,名字是:server.js server.js中的内容如下:const express = require('express');
const app = express();
转载
2024-04-05 10:15:26
303阅读
1. 安装使用官网提供的脚手架工具 create-nuxt-app,创建一个nuxtjs项目。npx create-nuxt-app xianyun注意:在NPM版本5.2.0默认安装了npx,在命令行窗口输入npm --version可查看当前版本号 需要等待片刻安装依赖的下载,下载完成后可以看到下面的提示框,要求输入项目名称。UI框架我们选择通用的Element-ui。&n
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阅读
一.Vue3项目情况说明router文件夹下的index.jsimport { createRouter, createWebHashHistory } from "vue-router"
const routes = [
{
path:'/saoma',
name:'Saoma',
// redirect:'/saoma',
原创
2023-11-30 15:19:38
264阅读
一、云服务器准备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阅读
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
这是我写好的项目(后台管理: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要开启的进程数
一般的企业都会采用前后端分离的方式来开发、部署项目,这样做的好处是更好的让前后台各司其职。另外也由于nginx是一个轻量级的静态资源服务器,其高并发也是其优点之一。这样可以减轻双方服务器的压力,同时又可以做到负载分担。那么接下来就简单介绍下如何通过nginx部署vue项目。一、vue项目打包:本人在vue 项目打包的时候遇到一些坑,也是慢慢摸索,才得以解决, 会报这个错,查阅了很多资料,找
转载
2024-05-24 21:15:10
157阅读
一. vue前端项目打包 使用vscode开发项目 ,在src的同级目录下创建一个vue.config.js文件(已有的话则修改相应内容),向其中写入配置信息并保存:module.exports = {
publicPath: './',
outputDir: 'dist',
assetsDir: 'static'
}module.exports = {
// 基本路径 baseUR
转载
2024-04-15 13:36:02
1607阅读
一般AS3开发的项目会放在WEB上 , 那就涉及到远程的调试.步骤 ① : 添加网站地址 : 1:右击项目 ->属性 -> 打开项目属性面板:编辑配置如下图:另外必须指出 :如果代码(AS)有改动 , 则WEB站点的文件也要更新.你懂的....附上跨域文件 :<?xml vers
原创
2016-07-29 16:57:28
1146阅读