【vue-admin-template】设置前后端访问地址

本文为修改vue-admin-template第一步，将请求地址和状态码改为自己项目的地址，并成功进入页面。

vue配置服务端请求地址

在实际开发中，前端除了请求后端服务器还可能会请求文件服务器等，他们的地址是不一样的，例如后台地址是localhost:8001，文件服务器是localhost:8002，这里我使用vue-admin-template后台模板来举例如何配置。 配置跨域代理 在vue中使用proxy进行跨域的原理是：将域名发送给本地的服务器（启动vue项目的服务,loclahost:8080），再由本地的服务器去请求真正的服务器。 首先，配置好前端跨域代理，在vue.config.js中 其中process.en.

1，克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git 2，进入项目目录 cd vue-element-admin 3，安装依赖 npm install 1，导入vue-admin-template 项目后 打开.env.development.env.production.env.staging 对请求路径进行修改 2，修改后对src/utils/request.js下的这个文件进行响应的修...

1、修改路由配置 export default new Router({ routes:[ ...base ], mode:'history', base:'/sky-rxy-web/' }) 2、index.html中添加 <meta base="/sky-rxy-web/"> 3.vue.config.js添加 publicPath: ...

第一步：去git上面下载vue-element-admin，或者看官方文档下载，具体步骤如下 下载项目 gitclonehttps://github.com/PanJiaChen/vue-element-admin.git 到vue-element-admin目录下 cdvue-element-admin 安装依赖包（会比较慢）还有可能失败 npminstall 启动程序 npmrundev 第二步：设置baseURL，改成后端项目接口 设置baseRUL在dev环境下...

1.关闭mock 在vue.config.js中注释如下内容 在main.js中注释如下 2.更改连接源 在config下的setting.config中将 原本为mock改为自己的后台地址就好了 3.后台传递 将mock文件下的controller中的user按照相同格式从后台往前台传输 前台mock传递数据 const accessTokens = { admin: 'admin-accessToken', editor: 'editor-accessToken', test: 'te

一、现存问题 二、解决方法

Vue2：vue-admin-template项目修改访问端口和网站名（人力资源项目）

1、修改dev.env.js中的文件 例如： module.exports = merge(prodEnv, { NODE_ENV: '"development"', ENV_CONFIG: '"dev"', BASE_API: '"/admin"', //这个地方格局需要配置你接口前缀名称})2、在index.js 中设置 proxyTable proxyTable: { '/...