                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /vue.js入门基础

多个vue项目怎么使用不同的地址

npm run dev是监听localhost:8080的，那问题来了，我服务器有几个同样的项目，不能都用localhost:8080呀，这样要怎么办，能不能自定义地址

candyTong_

2017-03-04

源自：vue.js入门基础 1-2

关注问题我要回答

5115

操作

收起

3 回答

fishenal 回答被采纳 +3 积分
2017-03-13

8080 只是给你本地测试用的，部署到服务器用 npm run build生成 disc 目标文件夹，项目就在那里，服务器上的部署建议采用nginx或者apache，至于端口就在那里配，不同的端口指向不同的目录。

run dev跑出来的项目代码都没压缩，请求也没优化，console里还会输出报错信息。

线上服务你要好好设计一下，尤其是不同网站，你是跑一个nginx，还是多个nginx代理到不同网站，理论上这不是前端开发的活了。

0 回复有任何疑惑可以回复我~

收起回答

candyTong_ 提问者

非常感谢！

2017-03-13 回复有任何疑惑可以回复我~

candyTong_ 提问者
2017-03-04

但是实际开发中，不应该是同一个地址，改改端口进入不同网站的呀，有没有办法是修改监听地址，不都用同一个

0 回复有任何疑惑可以回复我~

收起回答

qq_渐变_2

你是怎么改的呀，能贴下代码看看吗

2017-04-27 回复有任何疑惑可以回复我~

candyTong_ 提问者回复 qq_渐变_2

我没改，因为npm run dev只是测试用，测试占用了8080端口，实际开发完毕后会用npm run build 生成一个编译好的页面，会生成一个disk文件夹，里面有index.html,然后就可以直接访问了,不占用8080端口

2017-05-04 回复有任何疑惑可以回复我~

慕函数5161960 回复 candyTong_ 提问者

不行de

2017-09-03 回复有任何疑惑可以回复我~

慕沐4923851
2017-03-04

执行npm run dev 实际是在操作根目录下的package.json，项目的端口在config目录下的index.js中设置，将port:8080中的8080改为想要使用的端口号即可。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

vue.js入门基础

参与学习 209716 人
解答问题 677 个

本门为vuejs入门教程，详细的讲解加实战，可以帮你进入vuejs的大门

进入课程

多个vue项目怎么使用不同的地址

我要回答关注问题

热搜

最近搜索清空

多个vue项目怎么使用不同的地址

3 回答

多个vue项目怎么使用不同的地址