vue 子目录配置，负载均衡 nginx

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue 子目录配置，负载均衡 nginx，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含460字，纯文字阅读大概需要1分钟。

内容图文

1. 我使用的是，腾讯云做负载均衡。

　　负载均衡配置： https://www.xxxx.com/vue   域名指向的服务器地址：10.10.10.10:80/vue

2. nginx 配置：

server {
        listen       80;
        location /vue{
　　　　　　　　#root 最后指向的地址是： /home/h5/vue/静态文件
            root   /home/h5;
            index index.html index.htm;
            try_files $uri $uri/ /vue/index.html;
        }
        
    }

3. vue 配置

我是用的是 vue-cli 3 , 

vue.config.js 文件配置

module.exports = {
       publicPath: '/vue/'  
}

路由配置，routers.js

mode: 'history',
base: '/vue',

ok

 

内容总结

以上是互联网集市为您收集整理的vue 子目录配置，负载均衡 nginx全部内容，希望文章能够帮你解决vue 子目录配置，负载均衡 nginx所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---