Vue + Nginx 项目部署 （亲测有效）

前言

笔者最近新学Vue，记录一下用Vue做项目部署和利用Nginx做反向代理。

开发环境

@vue/cli 5.0.3
Nginx 1.20.1

创建新项目

vue create my-vue-app //自选用 Vue2 或 Vue3 新建项目皆可

新建好的项目结构

为了让项目在部署完成后，用户能够通过 http://localhost/my-vue-app 或 http://[my-domain-name]/my-vue-app 的形式去访问， 我们在根目录下的 vue.config.js 里加入 publicPath: ‘/my-vue-app’,

const {
    defineConfig } = require('@vue/cli-service'