在这篇文章中,我将向你介绍如何将Vue3应用部署Nginx服务器上。首先,让我们看一下整个流程的步骤: | 步骤 | 操作 | | ----- | ----- | | 1 | 构建Vue3应用 | | 2 | 配置Nginx服务器 | | 3 | 部署Vue应用到Nginx | 现在让我们逐步了解每个步骤应该如何操作。 ### 步骤1:构建Vue3应用 首先,确保你已经在本地开发环境中编
原创 2024-05-06 10:35:00
518阅读
index.jsindex.js添加代理然后在请求的接口前缀加上/api由于我这边的接口也是api 所以两个api按个人需求,如果请求接口是 /get/userIf,那么需求修改为/api /get/userIfnpm run dev 重启即可 以上方式可以解决我们在vue项目中开发环境的跨域问题,但是无法解决生产环境上的跨域问题,有的时候生产环境上也需要处理跨域问题,这个时候proxy
转载 2024-09-23 10:25:23
93阅读
代码地址 https://github.com/AutKevin/RuoYi-Vue3 调试阶段 yarn run dev 直接运行代码,不需要编译 编译预览 #使用stage环
原创 2月前
67阅读
本文主要是记录一下在apache二级目录上面部署react和vue项目。根目录下面部署很简单,但是在二级目录下就需要在webpack的配置或者vue-cli的配置文件以及路由组件做一些简单调整。由于mac系统自己带了apache,所以我们只需要开启就可以了。配置apache在终端中输入sudo apachectl start,然后在浏览器中输入"http://localhost",如果出现"It
1、语义化标签:header、footer、section、nav、aside、article2、增强型表单:input的多个 type3、新增表单元素:datalist、keygen、output4、新增表单属性:placehoder、required、min 和 max5、音频视频:audio、video6、canvas绘画7、地理定位8、拖拽9、本地存储:localStorage - 没有时
server { listen 80; server_name adleytales.com; root "/Applications/phpstudy/W (!-e $request_filename) { rewrite ^/(.*)$ /index
原创 2022-10-09 20:21:28
367阅读
 这个是普通安装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
当一个组件没有声明任何 prop 时,attrs会包含所有父作用域的绑定class和style除外,并且可以通过v−bindattrs会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind="attrs会包含所有父作用域的绑定class和style除外,并且可以通过v−bindattrs" 传入内部组件,一般用在子组件的子元素上。
原创 2024-05-31 11:13:57
37阅读
一、环境准备 1、centos7系统 2、mysql数据库 3、在centos7虚拟机上安装好nginx 二、部署内容准备 1、后端wa
转载 2022-05-03 18:49:34
3432阅读
如何在Linux服务器上部署Vue项目1. 在本地将Vue项目打包 以项目运行在vscode为例,在调试窗口输入 npm run build待命令执行完毕之后,在项目目录下会生成dist文件夹,如下图2. 创建一个运行文件,名字是:server.js server.js中的内容如下:const express = require('express'); const app = express();
1、系统信息[root@nginx-server ~]# cat /etc/redhat-release CentOS release 6.6 (Final) [root@nginx-server ~]# uname -r 2.6.32-504.el6.x86_64 [root@nginx-server&nb
原创 2017-01-12 16:48:39
1001阅读
简介 本章节主要讲的是在Linux系统CentOS7.9上去完成Nginx Web服务安装部署 步骤 1.配置 Nginx 源 2.yu
原创 2024-07-06 19:56:58
179阅读
在CentOS 7上部署Nginx是一个常见的操作,下面我将为你详细介绍整个过程。首先,让我们看一下整个部署过程的步骤表格: | 步骤 | 操作 | | --- | --- | | 1 | 更新系统软件包 | | 2 | 安装Nginx软件包 | | 3 | 启动Nginx服务 | | 4 | 设置Nginx开机启动 | | 5 | 配置防火墙 | | 6 | 验证Nginx是否成功部署 |
原创 2024-05-28 11:00:13
71阅读
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阅读
搭建服务器 cd /usr/data/server wget http://nginx.org/download/nginx-1.16.0.tar.gz下载出来一个nginx-1.16.0的压缩包用 tar -zxvf 来解压会解压出来一个nginx-1.16.0然后cd /data/server/nginx-1.16.0ls查看; 里边会有 configure执行这个:./...
原创 2021-10-25 10:19:57
263阅读
       1,开机初始化的配置 iptables -F 清空防火墙 /etc/init.d/iptables stop #关闭iptables setenforce 0 #暂停selinux #编译安装python3 环境准备 yum install gcc patch libffi-devel python-deve
学习的一些简单操作进行记录,需要配合keepalived对nginx实现单机高可用学习的网址:https://www.majiaxueyuan.com/uc/play/40nginx 下载地址:http://nginx.org/en/download.htmlkeepalived下载地址: 目录1.停止nginx2.安装keepalived3.加载系统服务4.配置keepalived5.
1. 使用Vue编写前端的主要知识     1.1 .vue前端文件由3分组成,分别为<template>模板中的html代码、<script>中的js代码以及<style>中的样式     1.2 模板部分中一般习惯用一个<div>做根标签,可以用html代码使用Element UI提供
转载 6月前
10阅读
性能优化,这是面试中经常会聊到的话题。我觉得性能优化应该因具体场景而异,因不同项目而异,不同的手段不同的方案并不一定适合所有项目,当然这其中不乏一些普适的方案,比如耳熟能详的文件压缩,文件缓存,CDN,DNS 预解析,等等,但是我更希望听到的是因为不同的项目不同的需求,解决不同的问题而采取的不同的优化手段,比如 BigPipe,分段输出页面的各个部分,对于 SNS 网站是非常合适的,减少了用户的等
  • 1
  • 2
  • 3
  • 4
  • 5