vue-cli3 项目部署在nginx非根级目录下

最新推荐文章于 2022-12-19 23:57:34 发布

qq_43424147

最新推荐文章于 2022-12-19 23:57:34 发布

阅读量708

点赞数 1

分类专栏：部署文章标签： vue.js

本文链接：https://blog.csdn.net/qq_43424147/article/details/106290257

版权

部署专栏收录该内容

2 篇文章 0 订阅

订阅专栏

vue-config.js

module.exports={
	publicPath: process.env.NODE_ENV === "production" ? "./" : "/",//判断环境
	outputDir: 'tool',//打包文件名称
}

vue-Router的配置

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);
export default new Router({
	mode:'history',//路由模式
	base:'/tool/',//前缀,跟打包名称一直
	routes:[{}]
})

nginx.conf的配置

location /tool {
            alias   "文件夹名称/tool";//文件地址
            index  index.html index.htm break;
            try_files $uri $uri/ /tool/index.html;
            index index.html;
        }