项目运行初始配置

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】

最后

以上就是迷路汽车为你收集整理的项目运行初始配置的全部内容，希望文章能够帮你解决项目运行初始配置所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。