辉太郎看前端(vue开发前的项目配置)

前言

1. 初始化脚手架
2. 根据项目需求配置相应内容
3. 通过git或码云进行远程脱管。

脚手架的初始化

1. 初始化之前要检测是否安装node环境和vue

node -v //检测是否安装node  -v是小v
vue -V  //检测是否安装vue   -V是大V

2. 创建脚手架

vue create 项目名称

根据项目需求配置相应内容

1. 利用postman(软件)测试接口是否需要处理跨域。

• 在脚手架根目录创建一个vue.config.js文件
• 配置跨域请求

devServer: {
        host:'0.0.0.0',
        port: 8080,//端口号
        open: true,//运行项目自启
        proxy:{
            '/api':{
                //跨域请求资源地址
                target:'http://localhost:3000/',
                ws:false,//是否启用websockets
                //开启代理：在本地会创建一个虚拟服务端，
                //然后发送请求的数据，并同时接收请求的数据，
               // 这样服务端和服务端进行数据的交互就不会有跨域问题
                changeOrigin:true,
                pathRewrite:{
                    '^/api':''//注册全局路径
                }
            }
        }
    },

2. axios的安装与引入， axios拦截器的配置
   参考：
   https://blog.csdn.net/m0_50512274/article/details/110631845

3. ui组件的导入
   参考：
   https://blog.csdn.net/m0_50512274/article/details/111035413

远程托管项目

参考：
https://blog.csdn.net/m0_50512274/article/details/109956124

总结

初出茅庐，多多关照，写的不好后期补充。