1、npm
1.1、内网 npm 更换成私服地址
查看地址
C:\User\qs>npm config get registry
设置地址
C:\User\qs>npm set 私服地址
2、在局域网访问vue项目
第一步:修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’
devServer: {
port: port,
open: true,
overlay: {
warnings: false,
errors: true
},
host:'0.0.0.0'
第二步:检查 package.json 文件里进行配置,scripts.dev配置是否设置 host为‘0.0.0.0’
"scripts": {
"dev": "vue-cli-service serve --host:0.0.0.0",
"build:prod": "vue-cli-service build",
"build:stage": "vue-cli-service build --mode staging",
"preview": "node build/index.js --preview",
"lint": "eslint --ext .js,.vue src",
这里强调下,第一步和第二步都有ip,其实第二步优先级高,这里第二步的host可以 不设置,vue默认执行第一步的设置。
这个ip也可以设置成你的局域网ip,例如:192.168.1.156
第三步:查看开发机的ip地址和端口
第四步:如果通过IP还不能访问,最好是关闭开发机的防火墙
3、vue项目的跨域解决方案
3.1 vue的代理服务
详情请看vue-cli 配置
找到vue.config 文件,加入以下代码
devServer: {
proxy: {
'/api': {
target: 'http://192.1.61.112:8080',//请求地址
changeOrigin: true,
wx: true,
pathRewrite: {
'^/api': ''
}
}
}
},