项目问题解决总结

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': ''
        }
      }
    }
  },