先说一下vue自己的proxy跨域，毕竟作为前端这个很简单，也更方便，vue-cli3.x中（vue-cli2.0版本在config文件夹index.js中设置，proxyTable，设置方法一样），在新建的vue.cofig.js里devServer: {
open: true,
port: 8081,
proxy: {
'/api': { // /api
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阅读
作者：子弈目录从零开始配置 TypeScript 项目的教程(一) 本篇从零开始配置 TypeScript 项目的教程(二) 前言本文是算法与 TypeScript 实现[5]中 TypeScript 项目整体的环境配置过程介绍。主要包括了以下一些配置内容：Git Commit MessageTypeScriptESLintPrettierLint StagedJestNpm Script Hoo
基本搭建一、基本搭建1.1.搭建1.2.ts插件1.3.editorconfig1.4.prettier1.5.eslint1.6.css1.7.配置路由1.8.axios1.9.pinia1.10.开发环境与生产环境区分1.11.集成element-plus 一、基本搭建1.1.搭建基于vitenpm init vue@latest
npm run dev1.2.ts插件安装volar和
一、云服务器准备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阅读
文末我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。服务器下载nginx /et
一.Vue3项目情况说明router文件夹下的index.jsimport { createRouter, createWebHashHistory } from "vue-router"
const routes = [
{
path:'/saoma',
name:'Saoma',
// redirect:'/saoma',
原创
2023-11-30 15:19:38
264阅读
# 从Vue3到Dockerfile、Node和Nginx：一体化部署指南
随着前端开发工具的不断演进，Vue3作为一款现代化的JavaScript框架，受到了越来越多开发者的青睐。而在部署Vue3应用时，结合Dockerfile、Node和Nginx进行一体化部署是一种常见的方式。本文将介绍如何使用这些工具来部署Vue3应用。
## Vue3简介
Vue3是一款流行的JavaScript框
原创
2024-05-04 04:44:46
88阅读
# 使用 Docker 和 Nginx 部署 Vue 3 应用
Vue.js 是一个流行的前端框架，它允许开发者构建互动性强的用户界面。随着 Vue 3 的发布，我们得到了更强大、更灵活的开发工具。在现代开发中，使用 Docker 来容器化我们的应用程序，使得部署和开发的过程变得更加简单和灵活。本文将介绍如何使用 Docker 和 Nginx 部署一个 Vue 3 应用，并包含相关代码示例和图表
开发过程中、需要使用到php命令执行程序、但是php命令没有在全局命令中；每次执行都需要加上全路径特别麻烦，把php命令添加到全局变量中，以后每次只用输入php可以了例：php -v 或 mysql -v 等 查看当前版本信息出现 not found下面简单几步操作实现在centos当中就可以使用下面的方式进行添加①vim /etc/profile文件②添加变量路径 : p
VUE路由vue的路由干啥用的？已知咱们的Vue框架搭建的项目是SPA（单页面应用），项目里只有一个html页面。为啥只有一个html呢？ 为了减少页面的刷新，每次切换浏览器都刷新页面对用户很不友好。更新视图但不请求刷新页面，是我们前端路由的核心理念。所以vue的路由的作用就是：通过改变 URL，在不重新请求刷新页面的情况下，更新页面视图。路由的实现方式知道了路由是干啥的，那么怎么实现这种功能呢，
透过验证码看若依前后端部分交互和封装一、验证码的前端实现1、初看流程后端生成表达式6*7=?@42 (@起分隔效果，42存在redis中）后端生成6*7=?的图片传给前端，在前端界面上显示，用户在前端界面上输入用户名、密码、验证码并点击“登录”按钮，前端将表单发送给后端，后端将发送来的验证码和redis中的数据进行比较，若不同则重新输入验证码。注意：redis中key、value对应，后端向前端发
转载
2024-10-23 12:11:08
221阅读
Vue.js 是一款用于构建 Web 界面的渐进式框架，由于其高效、灵活、易用等优点，已经成为前端开发的热门选择之一。在开发 Vue 项目后，通常需要将其部署到服务器上进行线上访问，而 Nginx 作为一个高性能的 Web 服务器，也是常用的部署工具之一。下面就是 Vue 项目在 Nginx 服务器上部署的详细教程。前提条件在进行部署之前，需要确保满足以下条件：已经开启服务器的 Nginx 服务。
转载
2024-03-04 15:15:45
102阅读
一般的企业都会采用前后端分离的方式来开发、部署项目，这样做的好处是更好的让前后台各司其职。另外也由于nginx是一个轻量级的静态资源服务器，其高并发也是其优点之一。这样可以减轻双方服务器的压力，同时又可以做到负载分担。那么接下来就简单介绍下如何通过nginx部署vue项目。一、vue项目打包：本人在vue 项目打包的时候遇到一些坑，也是慢慢摸索，才得以解决， 会报这个错，查阅了很多资料，找
转载
2024-05-24 21:15:10
157阅读
在当代的前端开发领域，Vue.js作为一个领先的JavaScript框架，一直处于技术革新和发展的前沿。Vue3作为该框架的最新版本，带来了更多的新特性和优化。在这些新特性中，`createApp`方法是一个非常值得关注的变化。对于开发者而言，它提供了更高效、更灵活的应用构建和打包方式。接下来，我将深入探讨使用Vue3的`createApp`方法进行应用程序打包的种种优势和好处。1. **快速开发
在项目开发中，我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版都是修改了源码中API地址后打包，这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料，现在可以分环境打包程序了，至于怎么打，接着住下看吧。第1步：安装cross-env在项目目录下运行如下命令安装cross-env，我的ide是webs
这是我写好的项目（后台管理：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'
工程信息vue-cli: @vue/cli 4.5.13vue3 : "version": "3.1.4",ts: <script lang='ts' setup> 模式 (后改为普通模式)vue-router： "version": "4.0.10",vuex: "version": "4.0.2"根路径部署也就是整个资源部署到 / 根路径下打包npm run bu
转载
2021-08-05 16:18:00
1642阅读
2评论
Nginx的安装与配置
Nginx官网下载所需版本安装 解压下载好的nginx修改nginx配置文件，配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段 里面的相关注释是在是太多了，那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)worker_processes 1; ##指明了nginx要开启的进程数
直接上代码了 有详细注释 每一行都有 仔细读一下就懂了// 路由文档
// 1、导入路由 导入Vue进行挂载
import Router from 'vue-router';
import Vue from 'vue';
Vue.use(Router);
// 2、导入组件进行路由懒加载 (否则可能会出现首页白屏问题并且也会造成很大性能问题)|| 量大的话写个js文件写好路由 然后类似模块一样
转载
2024-07-24 12:46:19
580阅读
