项目运行初始配置

1.项目运行流程（规则）

思考：cnpm run serve干了啥

1 去package.json的scripts键中找serve键
2 去运行src/main.js（整个项目入口文件
3 入口文件核心的代码  new Vue  el:"#app"  默认显示App组件数据  
4 然后切记App组件挖坑显示   路由匹配的组件数据

思考：浏览器输入/或/about干了啥

1 根据浏览器【请求路径】去【src/router/index.js】中匹配
2 匹配不到-坑不显示，匹配到了-获取组件数据放到坑里面
3 最后渲染

2.vue.config.js配置 -修改配置文件得重启服务

别名

const path = require('path');

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
        '~': path.resolve(__dirname, 'src'),
        'style': path.resolve(__dirname, 'src/style')
      }
    }
  }
};

跨域

const path = require('path');

module.exports = {
  devServer: {
    proxy: {
      '/api任意名称': {    //将真实请求网址用api替换
            target: '真实请求网址',
            changeOrigin: true, // 是否允许跨域
            secure: false,      // 关闭SSL证书验证https协议接口需要改成true 
            pathRewrite: {     // 重写路径请求
                '^/api任意名称': '' //路径重写   路径前面带有api,即不需要api，将api去掉
            }
        },        
    }
  }
}


// 步骤1：【仅一次】vue.config.js 随意起一个任意名称，普遍是/api
// 步骤2：【仅一次】vue.config.js 写真实网址
// 步骤3：【仅一次】vue.config.js 查看接口文档有没有【任意名称这里写/api就是/api】是否要去掉
// 步骤4：【仅一次】重启服务
// 步骤5：【N次】 views fetch/axios里面的【真实网址】改成【/api】