美文网首页
vue配合nginx打包路径层问题

vue配合nginx打包路径层问题

作者: 娇气小奶奶 | 来源:发表于2022-03-07 23:15 被阅读0次

1、需求是访问地址增加一层路径比如:(增加一层路径为customfile)

之前:http:xxxx/login

要求:http:xxxx/customfile/login  其中filename属于ng配置时的一层文件夹

解决:

1、vue项目的webpack配置不同版本有区别大致修改的地方为:

assetPublicPath: '/customfile'

public: '/customfile'

2、修改router.js路由模式为: {mode:'history', base:'/customfile'}

3、Nginx配置修改:

    location /customfile {

          alias /data/xxxx/xxx/customfile/dist; // 这里是服务器资源路径

          try_files $uri $uri/ /customfile/index.html;

          index index.html;

    }

相关文章

  • vue配合nginx打包路径层问题

    1、需求是访问地址增加一层路径比如:(增加一层路径为customfile) 之前:http:xxxx/login ...

  • 2018-07-22

    nginx加vue加spring boot配置前后台分离 vue用vue-cli打包后默认路径为http://.....

  • Vuejs图片编译后失败的问题

    问题: (vue.js)vue-cli 打包之后图片引用路径;描述:这是我的组件的路径;./src/compone...

  • vue问题

    一.vue打包成功后访问不到路径 未找到下图路径 方法改为如下打包成功 二.vue报各种规范问题,可以先直接关掉规范检测

  • vue项目打包出现空白页

    vue项目打包出现空白页的问题可能会有几个方面导致,下面就一一说来。 一、打包路径问题 需要在vue.config...

  • vue-一个域名多个项目的nginx配置

    本身nginx很方便, 但是有些项目是工程化的, 比如vue打包后,项目是绝对路径的模式, 这样就找不到路径,报错...

  • nginx配置和相关命令

    1、nginx相关命令 因为nginx相对路径的问题,所以只能cd 到nginx目录,执行命令 2、vue项目ng...

  • vue打包路径及Nginx配置

    坑一 css,js资源引入不正确 通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的 方...

  • Nginx | 常用配置

    Nginx 常用功能 常用配置详解 Nginx 部署 Vue 项目 将 Vue 项目build打包后生成的 ...

  • vue npm run build打包后index.html空白

    Vue打包npm run build 打包后空白怎么解决? 问题一:路径报错并且页面空白 在打包时提示 需要在vu...

网友评论

      本文标题:vue配合nginx打包路径层问题

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