vue项目部署小记

前端配置

vue.config.js

const path = require('path')
const resolve = dir => {
  return path.join(__dirname, dir)
}
// 项目部署基础
// 默认情况下，我们假设你的应用将被部署在域的根目录下,
// 例如：https://www.my-app.com/
// 默认：'/'
// 如果您的应用程序部署在子路径中，则需要在这指定子路径
// 例如：https://www.foobar.com/my-app/
// 需要将它改为'/my-app/'
const BASE_URL = process.env.NODE_ENV === 'production'
  ? '/pc/'
  : '/pc/'

注意：pc为项目部署的指定的目录文件，即在服务器中的目录，如图：

项目部署指定的文件夹

温馨提示

在vue.config.js文件修改后需要使用npm run dev 重新启动项目！

---

后端配置

本人前端，后台的具体配置不清楚，但有一点可以确定的是，后端可以设置访问网站域名所访问的指定文件夹，结合前端配置情况，也是‘pc’即可。