美文网首页前端必备
vue项目部署小记

vue项目部署小记

作者: CHH5431 | 来源:发表于2019-04-18 14:10 被阅读0次

前端配置

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’即可。

相关文章

网友评论

    本文标题:vue项目部署小记

    本文链接:https://www.haomeiwen.com/subject/qyazwqtx.html