1、在vue.config.js中配置如下
1 const {defineConfig} = require('@vue/cli-service')
2 module.exports = defineConfig({
3 transpileDependencies: true,
4 lintOnSave: false,//关闭语法检查
5
6 // 基本路径（下面是重点）
7 publicPath: '/',
8 // 输出文件目录
9 outputDir: 'dist',
10 configureWebpack: {
11 externals: {}
12 }
13 }
14 )
2、在命令行进入本项目的目录后执行：cnpm run build
3、执行完后，项目目录会出现一个默认的dist文件夹（当然这个文件夹可以修改）
4、将dist整个文件夹通过ftp工具上传到服务Nginx的/usr/local/nginx/html 这个目录里
5、修改nginx配置，vi nginx.conf 进入nginx配置文件中，修改运行的端口号，location里的root就是运行index.html的位置，注意下面两点：
1、try_files $uri $uri/ @router;
2、localtion @router{}
这两个是为了防止刷新页面出现404报错
6、保存后重启nginx( ./nginx -s reload) 即可（访问: http://服务器地址:8082/）
标签：vue,dist,nginx,Nginx,文件夹,Vue3,router,打包 From： https://www.cnblogs.com/lwl80/p/16640908.html