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