Vue项目部署上线全过程（保姆级教程）_vue项目怎么部署

Vue项目部署上线全过程（保姆级教程）

上线前准备

1.先在vue.config.js文件中配置反向代理解决跨域请求问题

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    proxy: {
      "/api": {
        target: "后端url地址",
        //允许跨域请求
        changeOrigin: true
      }
    }
  }
})

2.在vue项目根目录运行 npm run build

打包完成后会在根目录生成dist文件夹，这个dist文件夹需要上传到服务器

3.链接云服务器，在 /usr/local/ 下创建 web文件夹 用来存放dist文件夹

//此时已经连接到云服务器
cd /usr/local/
mkdir web

通过可视化工具上传dist文件夹，上传后如下图所示

4.安装gcc

检查gcc是否已经安装

gcc -v

如未安装 执行安装命令

//centos
yum -y install gcc
//上一步输出版本号的话可以跳过本步骤

以下步骤不可跳过

安装 pcre、pcre-devel

yum install -y pcre pcre-devel

安装 zlib

yum install -y zlib zlib-devel

出现complete代表成功

安装open ssl

yum install -y openssl openssl-devel

安装nginx（重点）

在 /usr/local下新建文件夹

前端资料汇总

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。