vue项目实现通过ip地址访问和localhost访问方式
目录
vue项目通过ip地址访问和localhost访问
vue项目中把localhost改成ip地址访问
vue2.0项目中 localhost改成ip地址访问
vue3项目改成ip地址访问
vue项目通过ip地址访问和localhost访问为了实现vue项目启动服务，多个人可以查看，别人可以通过ip+端口访问
在config文件下的index.js文件中，修改host为：
host: '0.0.0.0'，
或者在package.json文件下"scripts"的"dev"后面加上–host 0.0.0.0"
例如：
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
重启服务可以看到通过localhost和IP地址都可以访问到这个服务。
config/index.js改成
host: '0.0.0.0',
port: 8888,
打包后index.html空白 修改
webpack.prod.conf.js 里的
publicPath:'./',
vue3项目改成ip地址访问
1.在项目的根目录下创建文件vue.config.js
2.在该文件中进行相关配置，从而覆盖默认配置
module.exports = {
outputDir:"course-analysis", //打包后的项目目录名称
publicPath: './',
devServer:{
host: '0.0.0.0',
port:8888
}
};
以上为个人经验，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Dior
2021-06-05
Brenda
2021-03-03
Claire
2021-05-21
Kande
2023-07-20
Flower
2023-07-20
Heather
2023-07-20
Tertia
2023-07-20
Fredrica
2023-07-20
Katherine
2023-07-20
Genet
2023-07-20
Orianna
2023-07-20
Ora
2023-07-20
Fern
2023-07-20
Agnes
2023-07-21
Kohana
2023-07-21
Jelena
2023-07-21
Isis
2023-07-21
Aure
2023-07-22
Lani
2023-07-22
Rae
2023-07-22