​​​​

我之前写的几个关于beego中放入打包好的vue.js开发的前后端分离的项目,部署到服务器上。

就是打包后,在vue项目目录里找到dist文件夹,把index.html放到beego的view里,把static里的所有文件和文件夹拷贝到beego项目的static文件下,合并。

vue 接口请求地址前缀本地开发和线上开发设置

上面这个文章写得很好,如果在各个component里将请求地址的前缀统一呢?

文中讲分别将prod.env.js和dev.env.js里增加module.exports = merge(…………

然后到main.js里进行请求地址拦截设置,意思就是请求的时候自动根据项目所处的环境(开发环境还是上线环境——后者即打包环境)分别给予不同的前缀。

注意:

1.vue.js修改config是要重新启动:cnpm run dev。

2.vue.js打包命令:cnpm run build。

到了模板里,this.$axios.post('/api/order_list').——就是前缀加上这个地址了。

开发环境  config/dev.env.js

线上开发环境  config/prod.env.js

在请求之前,组装URL,axios.js——main.js里

页面使用模板: