vue 打包部署到nginx配置（自定义目录形式）

七度的秋

已于 2022-06-27 16:54:42 修改

阅读量153

点赞数 1

文章标签： nginx vue.js 前端

于 2022-06-13 16:58:55 首次发布

本文链接：https://blog.csdn.net/qq_38666069/article/details/125262675

版权

前提说明

vue项目路由为history模式
项目中已添加项目前缀（myweb）为例

router/index.js

const router = new Router({
  mode: "history", //后端支持可开
  base: "myweb",
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRouterMap
});

config/index.js

 build: {
        // Template for index.html
        index: path.resolve(__dirname, "../dist/index.html"),

        // Paths
        assetsRoot: path.resolve(__dirname, "../dist"),
        assetsSubDirectory: "static",

        /**
         * You can set by youself according to actual condition
         * You will need to set this if you plan to deploy your site under a sub path,
         * for example GitHub pages. If you plan to deploy your site to https://foo.github.io/bar/,
         * then assetsPublicPath should be set to "/bar/"