摘要:項目是基于搭建,項目分為開發環境,測試環境,預生產環境,生產環境,其中開發環境和測試環境調用同一個接口,開發環境調用服務器端的測試接口會跨域,以上需求就引發了一些問題,問題一測試環境包括開發環境,并且開發環境跨域,預生產環境,生產環境,有
項目是基于vue-cli搭建,項目分為開發環境,測試環境,預生產環境,生產環境,其中開發環境和測試環境調用同一個接口,開發環境調用服務器端的測試接口會跨域,以上需求就引發了一些問題,
問題一:
測試環境(包括開發環境,并且開發環境跨域),預生產環境,生產環境,有著不同的接口地址,也就是不同的開發環境要調用不同的接口地址,有的時候不同的開發環境還要調用不同的全局變量。
問題二:
本地開發環境跨域,本地開發環境調用服務器端接口地址,會跨域,但是代碼打包上傳到服務器,不會跨域
之前的解決方案(沒有依賴webpack):
開發環境下,在static下新建一個config文件夾,再新建一個config.js,這是開發版的config,里面包含了開發和測試的接口地址和全局變量,并在index.html中手動引入(static中的文件不被webpack管理)如下
將config文件夾上傳到測試服務器,開發環境打包后,將index.html中的config.js的路徑更改為服務器端的config.js,如下
同理,預生產環境,生產環境,和測試環境一樣,分別配置不同的config文件,也就是接口地址和全局變量,打包后更改壓縮后的index.html
這樣配置帶來了很多問題和不便,要配置不同的config接口道不同的服務器,打包后需要手動修改config路徑,但是也有一個好處,打包一次,三個環境可以共用,因為config接口在服務器端
以上是開發過程中,遇到的問題,
后來了解了一下webpack,發現vue-cli中有解決方案,研究一下并做了一下修改,腳手架地址
根據不同的環境調用不同的接口
vue開發微信商城項目總結之一--項目介紹
vue開發微信商城項目總結之二--Eslint配置
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/91925.html
摘要:關于項目的基本描述,參見開發微信商城項目總結之一項目介紹開發微信商城項目總結之二配置開發微信商城項目總結之三根據不同的開發環境做配置之前處理跨域問題是通過,但是只有開發環境是跨域的,代碼打包后上傳到服務器便不再跨域,所以在本地做了判斷,判斷 關于項目的基本描述,參見 vue開發微信商城項目總結之一–項目介紹 vue開發微信商城項目總結之二–Eslint配置 vue開發微信商城項目總結之...
摘要:根據產品提出的需求,需要做一個抽獎活動頁面需求簡介九宮格抽獎,中獎概率可配置,以九宮格轉盤的形式進行抽獎,獎品分為三類,實物類獎品,收貨人信息可編輯,默認為登陸用戶,可生成訂單福幣類獎品,直接發放,可在交易明細中查看優惠劵類獎品,交易明細中 根據產品提出的需求,需要做一個抽獎活動頁面 需求簡介 九宮格抽獎,中獎概率可配置,以九宮格轉盤的形式進行抽獎,獎品分為三類, 實物類獎品,收貨人...
先對項目進行一下簡單的介紹 vue開發微信商城項目總結之一–項目介紹 項目開發初期,由于項目比較著急上線,前端的框架在選型上比較倉促,只是因為vue學習成本較低,就選了它,沒有什么別的原因, 之前看過angular2一段時間,又趁著周末看了兩天vue,就倉促開發,所以埋下了很多坑,項目(項目目前沒有對游客開放,是2B2C的模式)上線后,回頭填坑,發現了很多問題,因為之前一直是基于Jquery模式的...
摘要:原文見我的博客,點擊進入使用開發微信公眾號下站點的填坑之旅本文為我創業過程中,開發項目的填坑之旅。作為一個技術宅男,我的項目是做一個微信公眾號,前后端全部自己搞定,不浪費國家一分錢。 原文見我的博客,點擊進入使用vue開發微信公眾號下SPA站點的填坑之旅 本文為我創業過程中,開發項目的填坑之旅。作為一個技術宅男,我的項目是做一個微信公眾號,前后端全部自己搞定,不浪費國家一分錢^_^。 ...
摘要:公眾號微商城開發的過程,一般會經過了上述個進程,那么整個微商城開發的進程基本上也就完成了,所以我們能夠依據實際情況來進行全面開發。 微商城開發有哪些步驟?公眾號微商城開發的進程傍邊,多多少少的也要遵循著自己的流程,從現有的一些情況來看,大多數的情況下再開發的進程傍邊參加著各種不同的開發計劃,那么他們的流程究竟如何? 制造解決計劃 在進行公眾號微商城開發的進程傍邊,自身要做的也就是...
閱讀 2580·2021-11-24 09:38
閱讀 2612·2019-08-30 15:54
閱讀 926·2019-08-30 15:52
閱讀 1914·2019-08-30 15:44
閱讀 2721·2019-08-30 13:48
閱讀 776·2019-08-29 16:21
閱讀 1005·2019-08-29 14:03
閱讀 2220·2019-08-28 18:15