Vue部署到Nginx二级目录

作者: 李铁满 | 来源:发表于2022-07-31 22:27 被阅读0次

在router/index.js下加mode和base:

export default new Router({
    mode:'history',
    base:'myVueProject',
    routers:[]
})

在config/index.js里找到build，加上二级目录名：
```
assetsPublicPath: '/myVueProject/'
```
打包，如：npm run build

在配置文件的server节点加上：

location ^~/myVueProject {
        alias /www/wwwroot/www.abc.com/myVueProject;
        try_files $uri $uri/ /myVueProject/index.html;
 }

vue 配置二级目录以及nginx多网站配置
在vue.config.js router中配置 nginx多网站配置根据location部署注意：二级目录下...
多个vue项目部署nginx
1.vue打包把dist目录下的文件拷贝到nginx相应目录下 2.nginx配置 vue代码部署到ng上默认是...
vue在history模式下如何配置相关文件和后端ngnix配置
vue history模式部署在服务器端的nginx配置 (非根目录) vue history需要nginx或者...
（vue前端+java后台）使用nginx服务项目部署
一、部署vue项目(pc端、移动端)->nginx服务 1.vue项目打包： ①打开【项目目录/config/i...
Nginx部署vue项目
Nginx部署vue项目
如何将vue工程部署到nginx下
如何将vue工程部署到nginx下下载nginx 官网:http://nginx.org/en/download...
使用 Nginx 部署 Vue 项目
Vue 项目在 build 之后通常都需要部署到服务器才能够访问，本文介绍如果使用 Nginx 部署 Vue 项目...
vue部署到nginx
nginx 1、安装nginx2、到nginx的安装目录下使用 start nginx启动nginx服务3、ngi...
nginx部署vue项目，使用域名二级目录
首先，配置vue项目打包路径 1. vue.config.js 2. 配置vue-router 3. run bu...
Vue 刷新404问题
在Vue Router中，如果设置“history”模式，则在Vue的包部署到Nginx或Tomcat下的时候，刷...