vue本身为运行脚手架项目自家搭载了一个nodejs后台环境,本地可通过proxyTable来处理跨域问题,但是上线(或生产环境)之后改域名真是一件麻烦的事情,所以进行一些配置。
config/index.js
proxyTable: {
'/apis': {
target: 'http://www.baidu.com', //域名,主要修改这一块
changeOrigin: true,
pathRewrite: {
'^/apis': '/' //注意名字
},
}
},
//修改下面的两个文件,启动的时候自动判断环境来切换域名//注意单引号里面的双引号
dev.env.js //本地环境配置文件
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT:'"/apis/"' //本地域名
})
prod.env.js //线上环境配置文件
module.exports = {
NODE_ENV: '"production"',
API_ROOT:'"http://www.baidu.com/"' //线上域名 }
文件中使用
var baseUrl = process.env.API_ROOT;
axios.get(baseUrl+'数据接口') //数据接口一般就是域名后面的东西,后端告知
另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页题目:vue域名配置-创新互联
网页网址:https://www.cdcxhl.com/article4/coioie.html
成都网站建设公司_创新互联,为您提供品牌网站制作、ChatGPT、动态网站、静态网站、关键词优化、网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联