vue使用常见问题及解决方案

1、项目打包完成之后改变接口IP地址
方法：配置json是一个比较简单的方式，我在static文件夹下写了一个api.json用来存放所有数据的接口，虽然是没有在config下面的index.js里直接配置api来的简便，但是方便打包之后修改地址。
配置代码如下：
传统方式在dev下找到对用的proxyTable并添加如下代码

proxyTable: {
		'/api':{
           // target:'https://192.168.1.1:8000/api',   //要访问 后台的 接口地址
            target:'http://192.168.1.1:8000/api',   //要访问 后台的 接口地址
            changeOrigin:true,                      // true --- 开启反向代理
            pathRewrite:{
                '^/api':''   // 代理 上面 target 的地址.此处不写，为空。
            },
            secure:false, //https请求
            ws: false
        }
	}

个人撰写

{
   "base": "http://192.168.1.1:8000/api",
   "anoBase": "https://192.168.1.1:8000/api",
   "audio_url": "wss://192.168.1.1:8000/api/websocket/",
   "login": "/login/"
}

仅以login为例，其余的自己加上即可。在有接口请求的页面使用axios的get请求即可调用api.json里的内容
修改接口的IP地址时直接修改api.json里的IP地址即可。

2.vue是一个渐进式的JavaScript框架，基4的于node.js运行 配合webpack webpack-cli实现从开发到应用的过程

3.npm install无法安装node_modules的时候 可以尝试清缓存的操作 npm cache clean -f

4.遇到npm run dev或者npm start页面出现can not get /的时候可以尝试修改config文件夹下的index.js里的assetsPublicPath后面的值改为 ‘/’

5.vue-less使用
npm install less-loader --save --dev 或者npm i less less-loader -S 后续npm run dev的时候可能会出现错误 这里推荐使用下面的命令行（直接设置版本）：

npm install [email protected] --save

未完待续。