vue部署nginx二级目录

很多时候，我们希望前端的程序时放在二级目录下的，比如 http://www.xxx.com/app/ (app就是二级)

前端vue需要注意的是，静态资源文件的路径和路由的路径，两个默认都是针对／目录配置的，需要修改。

具体修改方法如下所示：

1.nginx配置文件：

location /app {

alias /usr/local/etc/nginx/html/ruoyi;

try_files $uri $uri/ /app/index.html; （注意重定向路径要带上/app/）

#index index.html;

}

2.vue.config.js配置publicPath属性

3.vuerouter配置base属性

vue部署nginx二级目录相关推荐

React 部署nginx二级目录（子目录）
一.背景描述: react打包出来的文件,想部署在如 https://www.abc.com/webapp下, 本项目使用的是history:hash 模式, 如果使用的是history:brows ...
vue项目部署在二级目录下
一般情况下,前端项目部署在各自端口根目录下.但是如果服务器端口限制等因素,多个项目共享一个端口,就需要部署在二级目录下. 但是会面临几个问题服务器配置前端静态资源路径配置前端请求路径写法前端路 ...
Nginx 二级目录部署Vue2
Nginx 二级目录部署Vue2 nginx 服务器上 /xxxxx 是二级目录是对访问路径匹配 location /xxxx {root /public/app/dist;index index.p ...
VUE部署nginx解决跨域问题
VUE部署nginx解决跨域问题 Vue的代理跨域问题,需要确定的是在开发阶段可以使用,部署到服务器后出现请求失败的问题(404),如下图. VUE配置的代理 Vue的代理跨域问题,需要确定的是在开发 ...
nginx 二级目录 php,Nginx 配置二级目录支持
Nginx 配置二级目录并不像 apache 那么简单,但二级目录的配置在实际工作中又经常用到,现整理如下.欢迎大家访问二愣的闲谈杂鱼在 /etc/nginx 目录下创建文件夹 sublocati ...
nginx二级目录转发404的解决方法
有时候考虑的域名的问题,可能会用一个域名去访问两个应用,这个时候可以用二级目录去访问. nginx配置 location /v1 {proxy_pass http://10.168.154.xx:80 ...
宝塔运行在nginx二级目录代理配置
访问路径为 http://1.15.13.54/bt/,每个静态文件和请求地址都需要重新代理 server {listen 80;server_name 1.15.13.54;index index. ...
vue项目nginx部署子目录_vue 多项目部署---二级目录
新项目:同一域名下部署多个vue项目, 根目录vue项目不需要按下面的方式进行打包部署 https://www.bitedit.com/ 下面三个项目以二级目录部署 https://www.bited ...
vue如何部署二级目录
有的时候,我们的域名很珍贵,除了二级域名外. 我们不仅可以把项目部署到当前域名下也可以部署到二级目录下,这样的话,就可以部署多个项目了. 比如说,我有一个域名为sslcsq.com的服务器,我想部署 ...

vue部署nginx二级目录

vue部署nginx二级目录相关推荐

最新文章

热门文章